Development tools : XUI editor : Editing an XUI page : Editing the properties of the XUI widgets : CSS support : Setting CSS style to widgets : Assigning CSS styles to specified rows and cells
  
Assigning CSS styles to specified rows and cells
You can assign CSS styles to specified rows and cells by using conditions that are available in the Apply To Rows section when you edit the properties of a table.
To assign styles to specified rows in the whole table
1 Select the table that you want to edit.
2 Select the Style tab of the widget.
3 Select a style in the Styles section.
4 Select one or more conditions in the Apply To Rows section. For more information on how these conditions work, see Conditions in the Apply To Rows section.
If multiple conditions are used, the selected style is applied to the rows that meet at least one of the conditions.
5 If you want to change the conditions settings, click Clear and repeat step 4 to select conditions again.
6 Click Apply to assign the selected style to the rows that meet the conditions.
To assign styles to specified cells in a certain column
1 Select the table that you want to edit.
2 Select the Columns tab of the widget.
3 Select a column in the Columns section.
4 Select the Style tab in the Details section.
5 Select a style in the Styles list.
6 Select one or more conditions in the Apply To Rows section. For more information on how these conditions work, see Conditions in the Apply To Rows section.
If multiple conditions are used, the selected style is applied to the cells that meet at least one of the conditions.
7 If you want to change the conditions settings, click Clear and repeat step 6 to select conditions again.
8 Click Apply to assign the selected style to the cells that meet the conditions.
Go up to
Setting CSS style to widgets