Customizing UI controls and application lists

Show or hide UI controls

You can show only the controls that you want to change the appearance for and you can hide the other controls.
  1. In the Inspector, click the Controls button.
  2. On the Toolbar, perform any of the following actions:

    Task

    Steps

    Show or hide dialog boxes and dialog box buttons.

    1. Click Show the Dialog and Buttons.

    Show or hide the menu.

    1. Click Show the Menu.

    Show or hide the title bar.

    1. Click Show the Menu.

    Show or hide the search field.

    1. Click Show the Search Field.

    Show or hide the group box.

    1. Click Show the Group Box.

    Show or hide the pop-up menu.

    1. Click Show the Popup Menu.

Change the images for UI controls

  1. In the Inspector, click the Controls button.
  2. Perform any of the following actions:
    Task Steps

    Change the background for a dialog box.

    1. On the Toolbar, click the Show the Dialog and Buttons button.
    2. In the preview area of the canvas, click the background image in the dialog box.
    3. On the Quick Edit bar, in the Dialog Background drop-down list, click Change Image.
    4. Navigate to an image.
    5. Click Open.

    Change images for a dialog box icon.

    1. On the Toolbar, click the Show the Dialog and Buttons button.
    2. In the preview area of the canvas, click the icon in the dialog box.
    3. On the Quick Edit bar, in the drop-down list next to the name of the icon, click Change Image.
    4. Navigate to an image.
    5. Click Open.

    Change the image for a button.

    You can change the image for buttons in normal, disabled, highlight, disabled highlight, and active states.

    1. On the Toolbar, click the Show the Dialog and Buttons button.
    2. In the preview area of the canvas, click a button in the dialog box.
    3. On the Quick Edit bar, in the drop-down list next to the name of the button, click Change Image.
    4. Navigate to an image.
    5. Click Open.

    Change the background for a menu.

    1. On the Toolbar, click the Show the Menu button.
    2. In the preview area of the canvas, click the menu background image.
    3. On the Quick Edit bar, in the Menu Background drop-down list, click Change Image.
    4. Navigate to an image.
    5. Click Open.

    Change the background for the title bar.

    1. On the Toolbar, click the Show the Titlebar button.
    2. In the preview area of the canvas, click the background image in the title bar.
    3. On the Quick Edit bar, in the Background drop-down list, click Change Image.
    4. Navigate to an image.
    5. Click Open.

    Change the background for the search field.

    1. On the Toolbar, click the Show the Search Field button.
    2. In the preview area of the canvas, click the background image in the search field.
    3. On the Quick Edit bar, in the Background drop-down list, click Change Image.
    4. Navigate to an image.
    5. Click Open.

    Change the image for the group box title.

    1. On the toolbar, click the Show the Group Box button.
    2. In the preview area of the canvas, click the group box title.
    3. On the Quick Edit bar, in the Title drop-down list, click Change Image.
    4. Navigate to an image.
    5. Click Open.

    Change the image for the group box title highlight.

    1. On the Toolbar, click the Show the Group Box button.
    2. In the preview area of the canvas, click the title highlight of the group box.
    3. On the Quick Edit bar, in the Title Highlight drop-down list, click Change Image.
    4. Navigate to an image.
    5. Click Open.

    Change the image for the group box body.

    1. On the Toolbar, click the Show the Group Box button.
    2. In the preview area of the canvas, click the body of the group box.
    3. On the Quick Edit bar, click the Body drop-down list and click Change Image.
    4. Navigate to an image.
    5. Click Open.

    Change the background image for the pop-up menu.

    1. On the Toolbar, click the Show the Pop-up menu button.
    2. In the preview area of the canvas, click the pop-up menu.
    3. On the Quick Edit bar, click the Popup Background drop-down list and click Change Image.
    4. Navigate to an image.
    5. Click Open.

    Change the focus image for the pop-up menu.

    1. On the Toolbar, click the Show the Popup menu button.
    2. In the preview area of the canvas, click the focus area in the pop-up menu.
    3. On the Quick Edit, click the Tab Focus drop-down list and click Change Image.
    4. Navigate to an image.
    5. Click Open.

Change the text settings for UI controls

  1. In the Inspector, click the Controls button.
  2. Do any of the following tasks:

    Task

    Steps

    Change text settings for dialog boxes.

    1. On the Toolbar, click Show the Dialog and Buttons button.
    2. In the preview area of the canvas, click the text in the dialog box that you want to change.
    3. On the Quick Edit bar, select the font, font size, and font style.

    Change text settings for dialog box buttons.

    1. On the Toolbar, click Show the Dialog and Button.
    2. In the preview area of the canvas, click the text in a button in the dialog box.
    3. On the Quick Edit bar, select the font, font size, and font style.

    Change text settings for menus.

    1. On the Toolbar, click Show the Menu.
    2. In the preview area of the canvas, click the text in the menu that you want to change.
    3. On the Quick Edit bar, select the font, font size, and font style.

    Change text settings for the title bar.

    1. On the Toolbar, click Show the Titlebar.
    2. In the preview area of the canvas, click the text in the title bar.
    3. On the Quick Edit bar, select the font, font size, and font style.

    Change text settings for the search field.

    1. On the Toolbar, click Show the Search Field.
    2. In the preview area of the canvas, click the text in the search field.
    3. On the Quick Edit bar, select the font, font size, and font style.

    Change text settings for lists.

    1. In the preview area of the canvas, click the text in the list that you want to change.
    2. On the Quick Edit bar, select the font, font size, and font style.

    Change the text settings for the group box.

    1. On the Toolbar, click Show the group box.
    2. In the preview area of the canvas, click the text in the group box that you want to change.
    3. On the Quick Edit bar, select the font, font size, and the font style.

    Change the text settings for the pop-up menu.

    1. On the Toolbar, click Show the Pop up menu.
    2. In the preview area of the canvas, click the pop-up menu.
    3. On the Quick Edit bar, select the font, font size, and the font style.

Change colors for UI controls

  1. In the Inspector, click the Controls button.
  2. Do any of the following tasks:

    Task

    Steps

    Change the background color for dialog boxes, menu items, the title bar, and the search field.

    1. On the Toolbar, click the appropriate icon to display the dialog box, menu, title bar, or search field.
    2. In the preview area of the canvas, click the background image in the dialog box.
    3. On the Quick Edit bar, click a color swatch.
    4. Navigate to an image.
    5. Click Open.

    Change the cursor for menus, the title bar, the search field, and lists.

    You can change the cursor as a solid color, a color gradient, or as an image.

    1. On the Toolbar, click the appropriate icon to display the menu, title bar, search field, or list.
    2. In the preview area of the canvas, click the cursor.
    3. On the Quick Edit bar, click a color swatch.
    4. In the Color Picker dialog box, select a color.
    5. Click OK.

    Change the colors for list elements.

    You can change the color for list stripes, the highlight font, the highlight for multiple selected items, and the cursor.

    1. In the preview area of the canvas, click an element in the list.
    2. In the Quick Edit bar, click a color swatch.
    3. In the Color Picker dialog box, select a color.
    4. Click OK.