Skip to main content
NiCE KnowledgeKnowledge

On October 21, we applied a security patch across all NiCE KM production environments to address a recently disclosed PHP vulnerability. The update was completed without service disruption, and our team continues to monitor the platform closely. No action is required on your part.

NiCE Knowledge Success Center

Table variables

Applies to:
CXone Mpower Expert (current)
Role required:
N/A
Use LESS variables to style your tables, including fonts, colors, and borders.

table1.png

Variables

@table-font-family

Default value: @default-font-family

Definition: The font used in the cells of the table. Lato is the default font.

table1.2.png

@table-header-background-color

Default value: lighten(@highlight-color, 37%)  

Definition: The background color of the table header cells.

table2.png

@table-header-border-color

Default value: @highlight-color;  

Definition: The color of the bottom border of the table header.

table3.png

@table-header-font-family

Default value: @default-font-family

Definition: The font used in the header cells of the table. Lato is the default font.

table6.png

@table-row-odd-background-color

Default value: @background;  

Definition: Background color on all odd rows characterized by a lighter color than the even rows.
The default color is the same as the site's background color.

table4.png

@table-row-even-background-color

Default value: @secondary-container-background-color  

Definition: Background color on all even rows, characterized by a darker color than the odd rows.
The default color is the same used for secondary containers (TOC, page settings).

table5.png

@table-row-hover-background-color

Default value: lighten(@highlight-color, 40%)  

Definition: The background color of the entire row that appears when a user hovers over it.

table7.png

@table-row-selected-background-color

Default value: lighten(@highlight-color, 35%)  

Definition: The background color of a row when it has been clicked on.
Only applies to specialized tables where a user can select a row. It is a slightly darker shade of the color used for table row hovers.

table-row-selected.png

  • Was this article helpful?