Create a Theme to set the look and feel of your applications as, for example, in the following scenarios:
A theme for the front office of the application and a theme for the back office;
A theme for a web application and a theme for the mobile version;
A centralized theme that is reused by other applications so that they all have the same look and feel.
To create a Theme, simply right-click on the Themes folder of the eSpace Tree, and define its properties. See all Theme properties.
The Public property allows a theme to be reused by other eSpaces, that is, allows defining a centralized theme that defines the look and feel for screens of the application. Learn how to Use eSpace References.
The Mobile property indicates whether the Theme is designed for devices with smaller screens. Some features are turned off, like the processes Taskbox or the Embedded Change Technology (ECT), to avoid cluttering the screen;
The Base Theme is a more generic theme (centralized theme) from which the settings for the look and feel are inherited, namely: styles, grid settings, and layout web blocks;
The Style Sheet contains all styles to design the look and feel of the application. Here you may redefine the styles inherited from the Base Theme.
These properties define the layouts used for creating screens and other elements created in Service Studio:
Layout: the layout for screens of the application;
Info Balloon: the layout for pop-up info balloons;
Pop-up Editor: the layout for pop-up editors;
Email: the layout for Emails;
Header: the layout for the screen header.;
Menu: the layout for the menu;
Footer: the layout for the screen footer.
Each layout is defined by a Web Block. Learn more about Designing the Layout of Screens.
If not defined, the web block with layout is inherited from the Base Theme. This is true for all properties except the Header, Menu, and Footer.
Theses images are used when scaffolding screens:
True Image and False Image are used to represent attributes that are of Boolean data type;
The Info Balloon Image to mouse over and trigger a pop-up info balloon.
About Themes | Design the Layout of Screens | Create Screens Based on a Layout | Change the Layout of Multiple Screens | Theme Properties