The next table presents the properties of a Theme.

Property

Description

Optionality

Default value

Obs.

Name

Internal name that identifies the theme.

Mandatory

 

See rules for naming elements.

Original Name

Indicates the name of the referenced theme in the producer eSpace.

NA

 

This property is read-only and visible only for referenced Themes.

Learn more about Using Theme References.

Description

Free text that describes the theme. You can edit the text by directly typing it in the property or in the description editor which opens by clicking

Optional

 

Useful for documentation purposes.

The maximum size of this property is 2000 characters.

Owner

Indicates the producer eSpace where the theme is defined, if the theme is an eSpace reference.

NA

 

This property is visible only for referenced themes and is read-only.

Learn more about Using Theme References.

Public

Indicates whether a Theme can be used by other eSpaces. See Reuse eSpace Elements.

Mandatory

No

This property is only available for themes that were created in the current eSpace.

Learn how to Expose a Theme.

Mobile

Indicate whether it is a theme for small mobile devices or not.

Mandatory

No

If set to Yes:

Base Theme

If defined, the theme inherits some definitions from the Base Theme, which centralizes the main definitions for the application's look and feel.

Optional

 

As an example of centralized definitions you may have: the company logo, heading styles, etc.

The Theme inherits definitions from the Base Theme if not defined in the Theme. Learn more in Create a Theme.

Style Sheet

Allows you to mange styles for your Theme.

Style sheet editor which opens by clicking on

Optional

 

Styles are inherited from the theme specified in the Base Theme. The Theme may redefine inherited styles. Learn more in Create a Theme.

Learn more About Style Sheets.

Error Handling Flow

The Web Flow with Exception Handlers for unhandled exceptions generated in screens using this theme. Learn more about Handling Exceptions.

Optional

 

 

Has Error Handling

Indicates whether the theme has a Web Flow with Exception Handlers for unhandled exceptions. Learn more about Handling Exceptions.

NA

 

This property is read-only and visible only for referenced Themes.

Learn more about Using Theme References.

Grid - Grid specifications for the theme. All Web Screens using this Theme are designed using the grid system.

Grid Type

Indicates how the grid behaves when sizing and aligning widgets:

  • Fixed: There is a single wrapper grid with fixed size, no matter what is the screen resolution. Design is easier because you have certainty that what you see is what you will get in different screen resolutions and devices;
  • Fluid: The wrapper grid and the majority of widgets work with percentage widths. Widgets inside other widgets are designed with smaller grids (in percentage). This allows content to adapt to different screen resolutions and devices, thus providing great usability.
  • None: The grid is disabled. There are no guides to help you adjust widgets.

Mandatory

Fixed

If the Grid type is inherited from the Base Theme, the grid type is suffixed with: '(from <base theme>)'

Columns

The number of columns in the grid.

Mandatory

12

This property is only visible if there is no Base Theme from where it is inherited.

Gutter Width

The space between columns, proportionally to the columns width.

Mandatory

30

This property is only visible if there is no Base Theme from where it is inherited and the Grid Type is fluid.

Min. Width

The minimum width of the grid in pixels.

Mandatory

800

This property is only visible if there is no Base Theme from where it is inherited and the Grid Type is fluid.

Max. Width

The maximum width of the grid in pixels.

Mandatory

1200

This property is only visible if there is no Base Theme from where it is inherited and the Grid Type is fluid.

Column Width

The width of each column of the grid in pixels.

Mandatory

60

This property is only visible if there is no Base Theme from where it is inherited and the Grid Type is fixed.

Gutter Width

The space between columns in pixels

Mandatory

20

This property is only visible if there is no Base Theme from where it is inherited and the Grid Type is fixed.

Total Width

The total width of the grid in pixels. This property is calculated as follows:

Columns x Column Width +

(Columns - 1) x Gutter Width

NA

940

This property is only visible if there is no Base Theme from where it is inherited and the Grid Type is fixed.

Read-only.

The Grid fixes the screen size, so you should make sure that this Total Width fits the screen resolution used by end-users. If they have wider screens, the content is centered.

Web Blocks - Web Blocks with screen layouts for the theme.

Layout

Indicates the web block with the layout for designing screens.

Learn how to Create Web Screens, Create List Screens, and Create Detail Screens.

Optional

 

If not defined, this web block is inherited from the theme defined in the Base Theme property.

Learn how to Design the layout of Screens.

Info Balloon

Indicates the web block with the layout for designing pop-up info balloons.

Learn how to Create Pop-up Info Balloons.

Optional

 

If not defined, this web block is inherited from the theme defined in the Base Theme property.

Learn how to Design the layout of Screens.

Pop-up Editor

Indicates the web block with the layout for designing pop-up editors.

Learn how to Create Pop-up Editors.

Optional

 

If not defined, this web block is inherited from the theme defined in the Base Theme property.

Learn how to Design the layout of Screens.

Email

Indicates the web block with the layout for designing emails.

Learn how to Create Emails.

Optional

 

If not defined, this web block is inherited from the theme defined in the Base Theme property.

Learn how to Design the layout of Screens.

Header

Indicates the web block with the layout for the header.

Optional

 

Learn more about Designing the Layout of a Header.

Menu

Indicates the Web Block with the layout for the menu.

Optional

 

Learn more about Designing the Layout of a Menu.

Footer

Indicates the Web Block with the layout for the footer.

Optional

 

Learn more about Designing the Layout of a Footer.

Images - Images with icons when List, Show, or Edit screens and pop-up info balloons.

True Image

Indicate the Image of the icon to display for the True value of boolean attributes.

Learn how to Create List Screens, and Create Detail Screens.

Optional

 

 

False Image

Indicate the Image of the icon to display the False value of boolean attributes.

Learn how to Create List Screens, and Create Detail Screens.

Optional

 

 

Info Balloon Image

Indicate the Image of the icon for pop-up info balloons.

Learn how to Create Pop-up Info Balloons.

Optional

 

 

See Also

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