GXflow Backend Style Override property

Official Content
This documentation is valid for:
Defines the Design System object used to customize the GXflow Backend style.


Generators: .NET, .NET Framework, Java
Level: Version


This property allows you to select your custom Design System based on Unanimo to be used in the GXflow backend.

Once you select your Design System in the GXflow Backend Style Override property, the classes and definitions of that Design System are applied to the GXflow Backend.

The default value is none, which means that it takes the Design System that comes by default with the GXflow Backend.

Runtime/Design time

This property applies only at design time.


Consider the following Design System:

styles NewKB { 
@import GeneXusUnanimo.UnanimoWeb; 

Change the primary and secondary colors as shown below (based on the same tokens as Unanimo Design System):

tokens NewKB (color-scheme:[light]|dark)
    @color-scheme = light {
            #region Unanimo_Colors
                primary: #6AC796;
                secondary: #639FBA;


Select the Design System called "NewKB" in the GXflow Backend Style Override property at the version level.

The file GXflowDS.css is left in the following path: Web\GXflowResources\English. It is highlighted in bold in the following example:




/* [gx-style-customization - start] */
@import "../../Resources/English/NewKB.css";
/* [gx-style-customization - end] */

The GXflow backend takes the style of the NewKB Design System. It will look as follows:

Gxflow - DSO customize

How to apply changes

To apply the corresponding changes when the property value is configured, execute a Build All.