Custom theme editor
Through the App Designer, it is possible to define a custom theme for the mobile app. The custom theme editor can be accessed starting from the application detail window.
The editor allows to define colors and fonts at a global level: these settings are then valid fot all the grids and forms. Some of these colors/font can be personalized at grid/form level, for a specific grid.
The following list reports the list of custom settings, organized according to the component they work on:
- Application
- main app color (used in tabbar – topbar -navigation)
- background color
- foreground color
- Menu items – what to show as a menu item
- in case of tab bar: text only, image only, text + image
- in case of slide menu: text only, image only, text + image
- Buttons
- width/height
- text
- foregound/back color
- font
- Panels container
- background color
- opaque flag
- show/hide panel title
- Grids
- back/fore color for column headers
- back/fore color for the selected row
- back/fore color for not selected rows
- font
- show/hide row separator
- separator color
- show/hide column headers
- Form/Filter panels
- back/fore color for labels
- back/fore color for input fields
- font