How to create a new format, for conditional formatting

 

To create new formats, or column tags, the corresponding formats window must be opened in WorkWithPlusSettings>Grid:

The WorkWithPlus for Web Settings General Properties tab with the Grid node selected, showing the Conditional formatting dialog listing predefined Danger, Warning, Success, Lite, Info, Font, and Tags categories, and the Properties panel on the right displaying the Grid's Row Conditional Formatting Options and Icon/Text Tag Options fields.

 

How to create a new format GridRow

We can create a format with category, name and class by inserting all the corresponding data:

A reference table of WorkWithPlus theme color categories lists Category, Name, Theme class, Filter Icon Class, Excel Format, and Report Format columns for entries such as Danger, Warning, Success, Lite, Info, Italic, Bold, Underline, LineThrough, and various colored Tags, with the 'Violet' row's Theme class 'WWColumnViolet' and Filter Icon Class 'FontColorIconViolet' highlighted in red boxes.

 

The format is already configured for the Export procedures, we need to create the classes to be displayed on the web, for this we are going to base ourselves on another existing class:

The GeneXus Theme editor showing the WorkWithPlusTheme class tree with the WWColumnDanger class selected under GridColumn > WWColumn. The HTML Browser preview panel illustrates how the class renders across Report, Header, and Uniform grid background color styles, and the Properties panel shows its Background Color set to Danger_CondForm_Row_Background.

The GeneXus Theme editor with the WWColumnDanger P SPAN class selected in the WorkWithPlusTheme tree, showing its Forecolor property set to Danger_CondForm in the Properties panel. The HTML Browser tab displays default GX Theme Editor help text about selecting objects and changing property values.

Now we are going to replicate these classes with WWColumnViolet:

The GeneXus Theme editor with the base WWColumn class selected under GridColumn in the WorkWithPlusTheme tree. The Properties panel on the right lists Background and Box category properties (Background Color, Border Left/Right/Top/Bottom, Box Shadow with Horizontal, Vertical, Blur, Spread, Color, Inset) available for styling grid columns.

The Conditional formatting dialog listing grid formatting categories including a highlighted custom 'Violet' Background Color entry with Theme class WWColumnViolet, Filter Icon Class 'fas fa-circle FontColorIconViolet', Excel Format Color=RGB(204,153,255), and Report Format background color, alongside the standard Danger, Warning, Success, Lite, Info, Font, and Tags rows.