GXflow Backend Style Override property

Defines the Design System object used to customize the GXflow Backend style.

Scope

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

Description

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.

Samples

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)
{
    //COLORS
    @color-scheme = light {
        #colors
        {
            #region Unanimo_Colors
                primary: #6AC796;
                secondary: #639FBA;
            #endregion

        }
    }
}

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:

@import"GeneXusUnanimo.UnanimoWeb.css";

@import"GeneXusReporting.QueryViewer.css";

@import"GeneXusReporting.DashboardViewer.css";

@import"GXflowDS_Tokens.css";
/* [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:

How to apply changes