Scroll

Table

Click HERE for an interactive tutorial. Scroll to the bottom for animated steps.


Detailed Step-by-Step Tutorial

Add Table

  • Go to Format at the top of the page.
  • Drag Table widget to an area of the page where you'd like to add it to.

 


Table Settings

  • Double-click on Table or highlight it and go to Settings pane > APP

General Settings

  • Title: Enter the title.
  • Show as Tooltip: Show the title as tooltip (text that appears when your mouse hovers over the table).
  • Top: Set top margin.
  • Left: Set left margin.
  • Width: Set the width.

Background:

  • Color: Choose background color.
  • Opacity: Set opacity for the background.
  • Image: Enable to use an image as a background.
  • Size: Choose background size (i.e. auto, 100%, etc.).
  • Position: Set position of the background.
  • Repeat: Choose repeat type for the background.

Border:

  • Color: Choose border color.
  • Style: Chose border style.
  • Width: Choose the width of the border.
  • Radius: Choose border corner radius.

Box Shadow:

  • Shadow: Toggle ON to create a shadow for the table.
  • H-Shadow: Set horizontal position of the shadow.
  • V-Shadow: Set vertical position of the shadow.
  • Blur: Set blur value for the shadow.
  • Spread: Define how far the shadow spreads.
  • Color: Set the color for the shadow.
  • Style: Select between inset and outset.


Manage Table

  • Double-click on the table area.
  • Click into the cell where you'd like to apply formatting to.

Toolbar allows to make the following formatting changes to the content / table:

  • Bold: Make the text bold.
  • Italic: Make the text Italic.
  • Underline: Underline the text.
  • Strikethrough: Strikethrough the text.
  • Align text left: Align the text left.
  • Center text: Center the text.
  • Align text right: Align the text right.
  • Justify: Justify the text.
  • Insert unordered list: Turn selected paragraphs into a bulleted list. 
  • Insert ordered list: Turn selected paragraphs into a numbered list.
  • Indent: Enable this option to indent the selected text.
  • Insert hyperlink: Use to make selected text hyperlinked.
  • Add row above: Add a row above the row where the cursor is blinking.
  • Add row below: Add a row below the row where the cursor is blinking.
  • Add column on the left: Add a column to the left from the column where the cursor is blinking.
  • Add column on the right: Add a column to the right from the column where the cursor is blinking.
  • Delete row: Delete the row where the cursor is blinking.
  • Delete column: Delete the column where the cursor is blinking.
  • View HTML: Click on this icon to view the HTML code for the text box.
  • Add Tooltip:  This option allows you to add tooltip to the selected text.
  • Remove Tooltip: This option allows you to remove tooltip from the selected text.
  • Format: Apply text styling.
  • Font: Change font.
  • Font size: Change size of the font.
  • Font Color: Change color of the text.
  • Font Background: Add / change background color for the text.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments