Multiple 'Theme class' for 'Editable Properties' in a Component

The possibility to define multiple 'Theme class' options in the 'Editable Properties' of a Node in a WorkWithPlus Component was added. This allows the developers to include more options at the moment of selecting and customizing a WorkWithPlus Component.

Example of an already created WorkWithPlus Component that uses it:

WorkWithPlus Pattern Settings editor, Native mobile settings/Components tab, shows the NcHomeOptionFl component tree with the IconBackground node selected, its Editable properties field highlighted in the Properties panel, and an arrow pointing to the "Component editable properties" dialog. That dialog lists rows for Include element, Table Type, Table name, and several "Theme class (additional)" rows (Background color, Round, Border color, Border thickness, Border style) with Allow edition and Allow custom value checkboxes, highlighted in a red box, alongside their possible values like BackgroundColorPrimary50 and BorderRound20.

 

When the developer adds a WorkWithPlus Component and selects it to include it in a Panel, these properties will be available:

GeneXus IDE (KBProblemaButton KB) shows the WorkWithPlus Panel1 editor with the "Component Editor: Font Icon option with fixed size" dialog open for control NcHomeOptionFl1. Fields Background color (Success), Round (High), Border color (Primary), Border thickness (Low), and Border style (Solid) are highlighted with a red box and arrow linking to the Properties panel's edited Properties field. Below are Icon (FontAwesomeRegular f0eb), Icon size (Large), Icon color (Control), Include caption checked, Caption "New ideas", and Caption style (Control), with a live phone preview showing a green circular icon and "New ideas" label, and Cancel/Apply buttons.

 

GeneXus IDE Panel1 editor (KBProblemaButton KB) on the Patterns tab shows the WorkWithPlus pattern applied to a Panel based on template NMEmpty, with MainTable selected in the layout tree. The phone preview displays an empty Panel1 screen, while the Properties panel on the right lists MainTable settings: Table name "MainTable", Type Regular, Theme class "Table", Is Group/Is Section false, Autogrow true, Number Of Columns 0, and container location properties like Column span 1 and Row span 1.