Use the Align Environment option

Use the Align Environment option

The Align Environment option of the Visual Editor generates an invisible table that's used to align inputted text and media.

After inserting an invisible table using the Align Environment icon, text and media can be inputted into the individual cells of the invisible table and the content and table dimensions can be edited.

Insert an invisible table

To insert an invisible table using the Align Environment icon:

1. Place your cursor in the text entry window where you want your invisible table to be inserted and click the Align Environment icon.

2. By default, an invisible table consisting of one row and three columns is inserted at your cursor's position, and your cursor is relocated to the first column of the row.

Add a row

To add a row to an existing invisible table:

1. Hover your cursor over the most left side of the row that you want to use to add a new row. This reveals the row toolbar.

2. Click to Add Row Above or Add Row Below to add a new row directly above or below the row used to reveal the row toolbar.

3. The new row is added above or below (depending on your selection from step 2) with the same dimensions as the row used to reveal the row toolbar.

Add a column

To add a column to an existing invisible table:

1. Hover your cursor over the upper right side of the column you want to use to add a new column. This reveals the column toolbar.

2. Click to Add Column to Left or Add Column to Right to add a new column directly beside the column used to reveal the column toolbar.

3. The new column is added and is 25% of the width of the column used to reveal the column toolbar.

Select a row

Selecting the row of an invisible table allows for bulk formatting of the text and media contained within that row (Example — selecting a row to apply bold text formatting to all text content within that row).

To select a row of an invisible table for bulk formatting of its text and media:

1. Hover your cursor over the most left side of the row you want to select for bulk text and media formatting. This reveals the row toolbar

2. Click Select Row .

3. The selected row becomes highlighted. You can now apply text and media formatting from the Visual Editor toolbar in bulk to all contents within the selected row (Example — apply bold text formatting to all text within the row).

Edit column width, alignment, and visibility

To edit the properties of width, alignment, and visibility of the columns within your invisible table:

1. Hover your cursor over the most left side of any row in the invisible table that you want to edit. This reveals the row toolbar.

2. Click Edit.

3. The Align Environment Properties window is displayed.

4. Edit the Total Width field as needed to define the total width of your invisible table in the text entry field that you're working in.

5. Edit the width of each column of your invisible table.

6. Click the Align drop-down menu to select how your inputted text and media should be aligned within each column of the invisible table.

7. Use the Show check box to define the visibility of the column:

   • Show check box is selected — You can input text and media, and the column's contents are visible when previewed or viewed.

   • Show check box is deselected — You can't input text and media, and the column's contents (if entered before changing this property) aren't visible when previewed or viewed.

8. Click OK to save your changes.

Delete a row

To delete a row from an invisible table:

1. Hover your cursor over the most left side of the row that you want to delete. This reveals the row toolbar.

2. Click Delete and then Confirm.

3. The row and its contents are deleted from your invisible table.

Delete a column

To delete a column from an invisible table:

1. Hover your cursor over the upper right side of the column that you want to delete. This reveals the column toolbar.

2. Click Delete and then Confirm.

3. The column and its contents are deleted from your invisible table.