You are here: Edit Mode > Working with the Content > Working with Tables > Table Cell Properties

Table Cell Properties

In the Table cell properties dialog box you can control settings that will apply to a specific cell of a table. For instance, if you want to apply a yellow background to a certain cell in the table, you will use the Table cell properties dialog box. This dialog box has two tabs, theGeneral tab and the Advanced tab. When you have done your changes to a table row, click Update to save the changes

General Tab

The General tab contains the following boxes:

Alignment. Defines the position of the text in the cell.
Vertical alignment . Defines the vertical position of the text in the cells of the table row.
Cell type. Define if the content in the cell is data or belongs to a header, select option "Data" or "Header". This is used for applying correct formatting to a table, but also for accessibility purposes when the table is interpreted by accessibility tools.
Scope. Define wether the cell is a row cell or a column cell, for those cells that are columns headers or row headers. This is used for accessibility purposes when the table is interpreted by accessibility tools.
Width. Define a fixed width in pixels for a specific cell in a table.
Height. Define a fixed height in pixels for a specific cell in a table.
Class. Here you can apply preset CSS class settings for a specific table cell. Note that you need to define these classes in the CSS files of your site first. Check with your system administrator to find out what applies to your website.
Update current cell. When you make changes to table cells, you can decide where to apply the changes:
- Update current cell (the selected cell)
- Update all cells in a row
- Update all cells in table

Advanced Tab

The Advanced tab contains the following boxes:

ID. The ID number for the table cell, for accessibility purposes.
Style. In this field you can view the current settings for the cell. This option can be used to set style attributes, overriding values specified in CSS classes. Normally you should use CSS classes, but if you want to apply a special style settings only used on this element, you can use this option.
Language direction. Define a language direction for the cell here, if this is different from the rest of the table.
Language code. Define a language code here if the content of the table cell is in a different language than the rest of the table. Enter the standard language code format, for example it (Italian), es (Spanish), en (English) etc.
Background image. You can select a background image to be applied to a table cell. Click the Browse button to the right of the field to select an image in the File Manager. Click OK to add the image to the cell.
Border color. You can define a border color for the cell. You can select colors using the options Picker, Palette or Named, depending on your preferences. Click Apply to add the color selection to the table.
Background color. You can define a background color for the cell.

If you are using predefined CSS classes to format tables, rows or cells, be aware that additional formatting added "manually" on top of the predefined formatting, may be overridden and will not apply.