Skip to main content




Service Studio version:

Mobile Theme

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • A Theme defines the look and feel of the application, including what layouts are used for the screens, the global stylesheet used, and also the grid definitions used to position and size elements on the screen.


    Name Description Mandatory Default value Observations
    Name Identifies an element in the scope where it is defined, like a screen, action, or module. Yes
    Description Text that documents the element. Useful for documentation purpose.
    The maximum size of this property is 2000 characters.
    Base Theme Specifies a theme from which this theme inherits its definitions by default.
    Public Set to Yes to allow the element to be added as dependency by other modules. Yes No
    Original Name Name of the element as defined in the module which implements it (producer module). This property is read-only. Yes This property is only visible for referenced elements.
    Style Sheet The theme's style sheet. Click on "..." to edit the property value.
    Grid Type Specifies the grid behavior when sizing and aligning widgets. If undefined, it is inherited from the Base Theme. Yes
    Columns Size of each column in the grid (in 'px'). Yes 12
    Column Width Size of the grid columns (in 'px') Yes 60
    Gutter Width Space between columns in the grid (in 'px'). Yes
    Total Width Total grid width calculated from the previous properties (in 'px'). Yes This property is read-only.
    Min. Width Minimum size of the fluid grid (in 'px')
    Max. Width Maximum size of the fluid grid (in 'px')
    Layout Specifies the web block used as layout for screens. If undefined, it is inherited from the Base Theme.
    • Was this article helpful?