Inserting and editing tables - HTML items
The Pro! editor allows you to insert tables, then format them by applying borders, colors, and shades, merging cells, etc. These table formatting features are similar to those found in Microsoft Word.
Inserting and editing tables is accomplished using the content areas formatting bar. The formatting bar will become available when clicking in a content area within an HTML item (highlighted in red, below).
The bar can be re-positioned on the page by grabbing the handle (highlighted in green, above) and dragging it to the desired location.
Inserting tables
To insert a table:
-
Click your cursor where you wish to insert the table.
-
Click the Create Table button:
-
Click the matrix to select the desired number of columns and rows for the new table.
-
The new table will be inserted:
-
Click into table cells to enter text, images, symbols, etc.
Editing tables
After inserting a table, it may be edited or formatted using Pro!'s built-in table editor. Since the table editing features are similar to those found in many commercial and free word processing programs, this help file only provides a high-level overview of them.
Applying table formatting properties
The table wizard allows you to apply other formatting properties to your table and cells, such as alignment, column and table widths, padding and spacing, and cell background colors.
-
When applying a table properties to an entire table, click anywhere in the table. For individual cells, click the cell where you wish to apply the propert.
2. The formatting bar will now present additional buttons to use specifically for the selected table. One of those buttons is the Table Wizard button (highlighted in red, below)
3. Clicking the Table Wizard button opens the Table Wizard dialog box (Table tab is selected by default):
Cell tab:
Accessibility tab:
4. Select the desired properties, then click the OK button.
Resizing rows and columns
-
Place your mouse over the dividing line between the rows or columns you wish to resize. Your cursor will change to a double-headed arrow:
-
For column resizing, drag the column dividing line left or right. For row resizing, drag the row dividing line up or down.
-
Applying borders to cells
-
Click on the cell you wish to apply the border style to and click the Cell Border Wizard button:
2. The Cell Border Wizard dialog box will open:
3. Select the Cell Side and the desired properties.
4. Click Apply. The box will remain open to allow you to select other Cell Sides if desired. Click Close to dismiss the dialog.
Applying additional table edits
-
Select the cell from column or row to edit and the table formatting bar will appear. The buttons highlighted in red will allow for particular edits to the table.
The buttons from left to right:
-
Insert Column to Left: Inserts a column to the left of the selected column.
-
Insert Column to Right: Inserts a column to the right of the selected column.
-
Insert Row Above: Inserts a row above the selected row.
-
Insert Row Below: Inserts a row below the selected row.
-
Delete Row: Deletes the selected row.
-
Delete Column: Deletes the selected column.
-
Merge Cells Horizontally: Merges the selected cell with the cell immediately to its right.
-
Merge Cells Vertically: Merges the selected cell with the cell directly below it.
-
Split Cells Horizontally: Splits the selected cell horizontally.
-
Split Cells Vertically: Splits the selected cell vertically
-
Table Align Left: Aligns the table position to the left side of the content area.
-
Table Align Center: Aligns the table position to the center of the content area.
-
Table Align Right: Aligns the table position to the right side of the content area.
