Editing Table Cells

Editing Table Cells

To edit a table cell, click in the table row and click the Table Cell Properties button Cell properties button in the editor toolbar or in the right-click Context Menu in the editor.

The Table Cell Properties dialog consists of two tabbed areas - General and Advanced.

General Properties

Cell properties

Alignment

Set the cell alignment

Vertical Alignment

Set the cell vertical alignment

Cell type

Set the type of cell eg: Header or Data

Scope

Select a scope for the cell. This sets the association header and data cells in the table

Width

Set the cell width in pixels, eg: 100 or percent eg: 50%

Height

Set the cell height in pixels, eg: 100 or percent eg: 50%


Advanced Properties

Cell properties advanced tab

Classes

Select css classes from your template stylesheet to apply to the cell. Additional class names, seperated by a space, can be typed into the field.

Id

Set a unique id attribute value for the cell.

Summary

Set a summary of the cell content.

Style

A list of inline css properties to be applied to the cell, eg: border: 1px solid red;

Language code

Set the language code for the cell eg: en

Background image

Select a background-image for the cell. You can browse for an image using the File Browser dialog accessed by clicking the File Browser button 

Language direction

Select the language direction for the cell

Border

Set the cell border styles by checking the checkbox and selecting a Width, Style and Colour.

Background color

Set the cell background colour in hex format eg: #cccccc, or select a colur using the Colour Picker.

Any changes made to the cell can be applied to the selected cell, all cells in the row, or all cells in the table. Select the desired option from the list in the bottom-let of the dialog.