Style tab
Overview
Widget styles like background, border, font, etc. can be changed for a single and for multiple selected widgets.
If multiple widgets are selected, the properties of the main selected widget are displayed. If any of these properties are changed, these changes are applied to all other selected widgets as well.
Position / size
See chapter Widget positioning
Live mode
Specifies the widget properties Visible, Enabled and Editable in Live mode.
Remarks
If a table widget is disabled, cells can only be selected if they are editable. The "On click" action is in addition still active for all cells.
Type
Specifies the type of widget. In addition to the standard types Cell, Table and Menu, the following additional types are offered for these widgets:
Password (for cell widgets) With this type, the content of the field is hidden. With the option to make the entered text visible and support for the browser's password manager.
QR code (for cell widgets) The content of the cell widget is displayed as a QR code. A maximum of approx. 2,000 characters can be packed as a QR code.
Column (for table widgets) The table widget only contains a single column for this type.
Row (for table widgets) The table widget only contains a single row for this type..
Background
Specifies the background of the widget, by a hexadecimal value representation. Clicking on the drop down icon opens a color picker for the background, with several options to select the desired color.
If the background is switched off, the widget becomes transparent, meaning widgets behind it become visible.
If the property Striped is switched on, the background color is drawn in stripes. The sub-property Pattern then specifies the direction of the stripes. The color between the stripes is white.
For table widgets, it is possible to assign the background color for the currently selected table cells.
Border
Specifies the border of the widget, including the border color, position and size.
Rounded
Specifies if the corners of the widget are rounded. The number defines the radius of the rounding in pixel.
Shadow
Specifies if the widget is surrounded by a shadow.
Grid
(available only for table and chart widgets)
Specifies if gridlines are displayed. With the options to display horizontal, vertical or both lines, a color and the size of the grid lines.
Font
Defines the font of the widget. The font type can be selected from a list of fonts in the menu, with a defined size, color and type (bold, italic, underlined).
Alignment
Defines the alignment of the widget content within the widget. Alignment can be defined horizontally and vertically.
Word wrap
(available only for table, cell, menu and button widgets)
If word wrap is switched on, words which cannot be displayed in a line are wrapped to the next line.