Create Screens Based on a Layout

Create screens with a consistent look and feel across your applications by using layouts of a Theme.

Setting Up a Theme

First a theme must be set up:

1. Make sure the module has a Theme (or a referenced Theme) that defines the screen layouts. Learn how to Create a Theme and Design the Layout of Screens;
2. Set where the theme is applied:
   • Web Flow: set the theme in the Theme property of a Web Flow and it is applied to all screens created in that particular web flow;
   • Module: set the theme in the Default Theme property of the module and it is applied to all screens created in web flows with no theme defined.

Creating the Screens

After setting up the theme, the following happens when a screen is created in a web flow:

1. The web flow has a theme: the screen is created and designed using the web blocks defined in the layouts of the web flow theme;
2. The module has a theme: the screen is created and designed using the web blocks defined in the layouts of the module's theme;
3. There's no theme: an empty screen is created for you to design from scratch.

Selected Layout Web Blocks

The layout web blocks used for designing a screen depend on the type of screen or element.

The Header, Menu, and Footer are special layout web blocks. They are used for designing the content of Placeholders found in the Layout web block. Learn more about Designing the Layout of Screens.

Learn how to create each kind of screen in the following topics:

• Blank Screen: learn more in Create Web Screens;
• List Screen: learn more in Creating List Screens;
• Detail Screens: learn more in Creating Detail Screens;
• Info Balloon: learn more in Creating Pop-up Info Balloons;
• Pop-up Editor: learn more in Creating Pop-up Editors;
• Email: learn more in Creating Emails.

See Also

About Themes | Create a Theme | Design the Layout of Screens | Change the Layout of Multiple Screens | Theme Properties