Defining Styles and Themes for Page Element Labels

You can define display styles and themes for any page element you add to the Layout grid.

The Layout grid features the following fields for defining styling characteristics for page elements. In most cases the styling applies to the element label as it appears in the application at runtime. One exception is the HTML Area element. Styling you define in these fields for an HTML element is applied to the HTML area.

Note that the location in the HTML where an element is embedded with respect to other elements can impact if styles defined in these fields is applied at runtime.

Field or Control	Definition
Class Name	If you want to apply a class to the element label, enter the class name in the field.
Style	If you want to add additional styles to a page element label or override styles defined in a template, enter them in CSS3 format in the Style field. If you have not applied a layout template and simply want to apply styles to the element label, enter them in CSS3 format in the `Style` field.
Theme	If you want to override a theme defined for an element label, select a theme from the drop-down list. If you have not applied a layout template and simply want to apply a theme to the element label, select a theme from the drop-down list.

Other styling properties can be defined for an element using the properties page for the element.

To define and manage display styles for a page, use the Page Details page. See Using the Page Details Page for more information.