Design-System-Elements

The elements are atoms of our system.

This elements provide the power yo modify genexus controls and define new ones.

There are 2 rules in Design Selements:

Default

This feature allows to set the default structure for some control. For example you could change the button default implementation.

Using the default rule and User Controls 2.0 now you can change our default controls.

Once you set the type of contro a user control 2.0 is, you can define the default rule for this control.

default(button, MyCustomButton)
default(textBlock, MyCustomTextBlock)

There is a UserControl 2.0 required to use this rule, wich is the owner of the control code.

Define

This rule allow to add new controls of a specified type.

define(button,
RedButton
{
   Class = "MyClass"
});

In the example, there is a new control called RedButton of type button that has asigned a class named MyClass. Now, I can use this RedButton in any WebPanel and it is going to take the styles properties of MyClass.