Table of contents


Official Content

To create a Theme object, select the New  > Object option as you would do to create any other object. Click on Theme object, assign it a name (i.e. ClassicBlue), and press the Create button.

New Theme SD GeneXus 17

Customizing a theme-class

Next, the Themes editor is opened.

Suppose you need to apply the blue color to the background of all Attributes, and the font size to 25 and the font forecolor is white. So, change the following properties of class Attribute:

Background Color property Blue
Forecolor property White
Font Size property 25

 

ThemeApplybg- GeneXus 17
 

Applying the Theme

Open the Preferences tab, and under Patterns, open Work With for Smart Devices.

Select the "Any platform" icon and in the Theme property select the ClassicBlue theme, as shown in the image below.

Apply Theme Any Platform GeneXus 17

In this way, all the platforms included in the list shown in the image will take the selected theme. However, each one of these platforms has its own Theme property.

Applying the Class Attribute in Layout

Open the layout of the Work With Devices, select the Work With List Node, select the attribute(s) that want to apply the class, and set the Class property with Attribute value (the theme-class customized). By default, for attributes use the Attribute Class, but if you design another Attribute-class, since this property is where you can use it.


SD Apply Theme Class Attribute GeneXus 15

Runtime result

Then just execute and see the changes.
image_201813134912_1_png image_201813134957_1_png

See also

Videos

Start Video Design Systems
Start Video Images and Theme Object


Last update: February 2024 | © GeneXus. All rights reserved. GeneXus Powered by Globant