Applicable to Theme UI-Kit applications
Build reusable styles that define the visual presentation of UI components in
your application. By associating style formats with controls and sections, you can
quickly adapt the appearance of your UI to the branding requirements of your company,
and maintain a consistent, user-friendly interface.
For example, you can create a separate format for all the OK
buttons in your application to make your interface clearer and more intuitive.
- In the navigation pane of Dev Studio,
- Expand the User Interface category, and
then click Skin.
- Open the skin that you want to edit.
- On the Component styles tab, on the right side of the
window, click the Menu icon.
- In the components list, click the UI component for which you want to create a
style.For example: In the Controls section, click
- On the My Formats tab, click Add new
- In the Create a new format window, provide a meaningful
name and a description for the format, and then click
Submit.For example: In the Format name field, enter OK
button. In the Usage annotation field,
enter Used for styling OK buttons.
- In the settings pane in the middle of the window, define the style
format.For example: To create a green OK button with bold text and no
borders, perform the following steps:
- In the Text node, select Specify
styles, and then set the Font
weight setting to Bold.
- In the Border node, set the Left
border and Right border settings
- In the Background node, set the
Color setting to
- Click Save.