Development tools : XUI editor : Editing an XUI page : Editing the properties of the XUI widgets : CSS support : Setting CSS style to widgets : Conditions in the Apply To Rows section
  
Conditions in the Apply To Rows section
When you assign CSS styles to tables, you can use the conditions in the Apply To Rows section to filter out the rows and cells that you want to assign the styles to. When you edit a table, you can use the Apply To Rows section under the Style tab for the whole table, or use the Apply To Rows section under Columns > Style tab for s specific column.
The following table includes the description for each option in the Apply To Rows section.
Note If multiple conditions are used, the selected style is applied to the cells that meet at least one of the conditions.
Conditions in the Apply To Rows section
 
Condition
Description
Only Header
Headers of the table or column are assigned with the selected style.
Odd Row
Odd rows of the table or column are assigned with the selected style.
Even Row
Even rows of the table or column are assigned with the selected style.
Only Cell Row
Body of the table or column is assigned with the selected style.
Header And Cell Row
Headers and Body of the table or column are assigned with the selected style.
Only Row Number
One or more specified rows are assigned with the selected style.
When this condition is selected, the field Row No. appears in the Apply To Rows section for you to specify the row numbers. Multiple row numbers are separated by commas. For example, if you fill the field with value 1,10, it means every cell in row 1 and row 10 is assigned with the selected style.
By Cell Value
If you are assigning styles to the whole table, any row with the cell that meets the expression that you configure for this condition is assigned with the selected style.
If you are assigning styles to a column, any cell that meets the expression that you configure for this condition is assigned with the selected style.
See also “To create an expression for By Cell Value” below.
To create an expression for By Cell Value
You must create an expression for this condition to take effect. An expression editor is provided for you to set up this condition for different cases. The following instruction is an example to use the values in an expression:
1 Select By Cell Value in the Apply To Rows section. The field Cell value appears.
2 Click the button next to the Cell value field to call out the editor, and then click Expression.
3 Click the button next to the Left field to call out the editor, and then click Cell.
4 In the middle section, select a value to use. The following values can be used to set up the expression for cells.
txtCellV
The text value of the current cell. The type of the value is string.
objCellV
The value of the current cell, such as a Number and a Date. The type of the value is object.
curRowIndex
The row index of the current cell. The type of the value is int.
txtCellV(column)
The text value of the cell of the specified column in the current row. The type of the value is string.
objCellV(column)
The value of the cell of the specified column in the current row, such as a Number and a Date. The type of the value is object.
widgetV(widgetID)
The value of widget with specified ID. The type of the value is object.
Note The complexity of the expression affects the performance of table. Among of the types of values, StringValue has the best performance.
5 For some values, you must specify the column ID or widget ID in the right section.
6 Click OK.
7 Specify the Operator and the target value to complete the expression, and then click OK.
Go up to
Setting CSS style to widgets