Style properties
Last updated
Was this helpful?
Last updated
Was this helpful?
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.
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
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
