Style properties

For a mobile apps, it is possible to define additional style settings, in terms of shadowing, borders and colors, both for graphics controls and panels.

Style properties for panels

In case of Constraint type panels and Card type panels, it is possible to set style properties.

Styles can be defined starting from the window definition:

• switch to edit mode in the hierarchical representation of the window content

• right click on any card/constraints panel and their subpanel

• choose Style properties menu item

The following window is opened:

Through it a few settings can be set:

• Border control - the type of border to apply the selected panel (e.g. rounded, no border, etc.)

• Border color - border color for the selected panel

• Shadow direction - in case of a shadow applied to the panel (i.e. the shadow color has been set), it defines the shadow direction (left/right/top/bottom)

• Shadow color - set the color for a shadow; only if set, the shadow is applied

• Shadow elevation - the shadow thickness

Style properties for controls

In case of form/filter/editable panels where the Constraint layout has been set, it is possible to set style properties for each graphics control.

Once entered the Controls folder in the panel definition, styles can be defined at graphics control level, by switching to Advanced mode and clicking on the Styles property.

Styles properties for a graphics control are:

• Show counter character - checkbox used to enable/disable the counting of character when typing text in an input field

• Disable self correction - checkbox used to enable/disable the auto-correction of text, when typing an input field

• Border control - the type of border to apply the selected panel (e.g. rounded, no border, etc.)

• Background color - background color for the input field

• Fore color - foreground color for the input field

• Font face - font name

• Font style - font style

• Font size - font size

• Text align - text alignment