Editing Custom UI Controls

You can edit the UI control default theme by modifying the control color and image properties.

The UI control preview displays the existing control properties in a tabular format. Each row in the table represents a control event, such as disabled, highlighted, and pressed, and the corresponding theme for that control event. Each column in the table represents the various states of the UI control's properties, such as Horizontal_Divider and Vertical_Divider.

Color Properties

To modify a UI control color property:

  1. In the Navigator view, select the UI control.
  2. You can modify the control color from 2 views:
    1. Properties view

      From the Value drop-down list, select the appropriate color.

      You can also click Add New Color and select a new color from the IDE Color window. To change the color alpha property, use the scroll next to the property in the Properties view.

      Adding new color

    2. Palette Window view

      The Palette Window view displays color groups, where each group contains all the properties which use that color. To modify colors, drag the selected control color property from one color group to another.

      You can also right-click the appropriate color group, select Edit Group Color, and then select a new color from the IDE Color window.

      From Palette Window

Image Properties

To modify a UI control image property:

  1. In the Navigator view, select the UI control.
  2. In the Properties view, click the browse button on the applicable image property.
  3. In the Choose an Image window, browse to and select the image.

    You can select from the images that have been added to the project in the Explorer view.

  4. Image Properties

Viewing Properties in XML

To view the customization details as an XML file, double-click the XML file in the Navigator view. The file contains:

Figure: UI customization XML format

UI customization XML format

The XML file is read-only, and you must switch to the UI control preview to edit any properties.

Where to Go Next