Styling the Toolbar Widget
Use the style theme editor to customize the Toolbar widget into a style that is consistent with the rest of your application and mashups.
You can style the widget in the following ways:
• Using the Style Properties panel.
• Using the style editor on the Styles tab of the mashup Style Theme.
Changes you apply to the style theme are applied to all mashups that are using the style theme. To style the Toolbar using the Mashup style theme:
1. In Composer, open and edit the current mashup style theme.
2. On the Styles tab, under Elements, expand Toolbar.
3. Edit the Backgrounds and Borders style settings.
|
You can preview the changes to the Toolbar widget on the Buttons and Toolbar tab of the Theme Preview mashup.
|
4. Click Save to save changes to the style theme.
To style a single Toolbar widget:
1. In Mashup Builder, select a Toolbar widget on the canvas or using the Explorer panel.
2. On the Style Properties panel, expand the Base state. The widget parts are listed.
3. Expand any part such as the toolbar, data filter, simple filter, top bar, or chip container.
4. Edit the available style properties. The changes are applied to the selected widget.
5. Click Save to save the changes to the mashup.