Style Themes
A style theme is a set of properties you apply to elements in a mashup such as text, colors, and lines. You can manage styles for multiple mashups more easily with style themes. Style themes apply on a mashup level. When you apply a style theme to a top-level mashup, it is also applied to all embedded widgets and mashups. You can perform the following tasks:
Create and modify style themes
Apply a style theme to one or more mashups
Reuse a style theme using Import/Export
Preview a style theme by clicking the Preview icon
Define custom Cascade Style Sheets (CSS) rules for a style theme. CSS rules apply to all mashups that use the style theme
Specify style settings for items that support style themes by using the Style Properties panel
For more information about applying CSS rules to style themes, refer to the SDK documentation.
You can use style themes to style the following types of entities:
Widgets under the Themable category
Containers in responsive layouts
Visual elements that are driven by functions during run time, such as status messages and confirmation dialogs.
PTC Convergence Theme
The PTC Convergence Theme is a system entity with predefined styling settings that cannot be modified. The PTC Convergence Theme is applied to mashups by default, unless you create and apply a different style theme. When a mashup style theme is deleted or is inaccessible, the PTC Convergence Theme is applied to the mashup.
To display the Base Theme and PTC Convergence Theme, do the following:
1. From Composer, click Browse > Style Themes. A list of style themes appears.
2. On the search toolbar, click the Filter icon, and then select the Show System Objects check box.
Show System Objects
3. Click Apply.
Modifying Style Themes
You can use style themes to style a mashup in multiple ways. There are three levels of control that affect the display of entities to which themes can be applied:
Global—Sets general settings for all items that support style themes in a mashup.
Element—Sets specific style settings for elements within widgets.
Settings on the Style Properties panel—Sets style properties for individual items in a mashup.
When applying style changes in your mashup, you should consider the hierarchy of styling. In general, use style themes to create consistent designs in your mashup. To customize specific items and override the style theme, use the Style Properties panel.
For more information about the Style Properties panel, see Using the Style Properties Panel.
Was this helpful?