Class property

Official Content
This documentation is valid for:
Assigns a Theme or Design System Class to a control.


control. Class = ThemeClass object | Design System class | value

ThemeClass object 
    Represents the class defined in the theme associated with that control.   

Design System class
    Represents the class defined in a Design System Object.

    Represents a string that can be assigned to this property at runtime. It can be either a constant string or a variable.


Objects: Panel, Transaction, Web Panel
Generators: Android, Apple, Java, .NET, .NET Core
Controls: Attribute, Button, FreeStyle Grid, Grid, Text Block


In the following example, a Theme Class is assigned to the class property of a “Grid1” grid control.

”GreenGrid” and ”BlueGrid” are two classes derived from the “Grid” predefined class. These classes are defined in the Theme associated with the object that contains the control.

//A ThemeClass is asssigned
If &import > 0
   Grid1.class = StyleClass:GreenGrid
   Grid1.class = StyleClass:BlueGrid

//A Value is assigned
If &import > 0
   Grid1.class = !”GreenGrid”
   Grid1.class = !”BlueGrid”

To associate two or more classes with a control's class property, just use the '+' operator to concatenate the strings, as the following code shows:

If &import > 0
   Grid1.class = StyleClass:GreenGrid + !" " + StyleClass:GreenLightGrid
   Grid1.class = StyleClass:BlueGrid + !" " + StyleClass:BlueLightGrid

Important: It is highly recommended that you use the StyleClass:ClassName syntax because it creates a reference to the Theme class or Design System class. When a string value is used, there is no way to know which classes are referenced by an object.

See Also