Skip to main content

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