Setting the Tab Image

After you have enabled a UI Design for inclusion in the tab group you can specify the image to display in the tab for that view.

Setting the Tab Image

  1. Open the Application Editors UI Design page to view the UI Design Details section
  2. NOTE If the Application Editor is already open, bring it to the front by clicking on its tab.

    UI Designs page

    Figure 1 - The UI Design Details section of the UI Designs page

    The All UI section of the UI Designs Page contains a list of all UI Designs currently included in the project.

  3. Select the UI Design to set the image
  4. The UI Design is highlighted to indicate that it has been selected.

  5. Checkmark the Enable Navigation Pane Tabbing option
  6. If this box was not already checked, the UI Design Details controls will be displayed on the right side of the UI Designs page.

    NOTE You must check this box before you can add any of your UI Designs to the tab group.

  7. Checkmark the Is in AppUi tab group option to add the selected design to the tab group
  8. When the box is checked, exactly one of the radio buttons below it will be selected.

  9. Enable the Image control (Figure 1)
  10. Click the Edit... control
  11. The Edit Image Property dialog appears (Figure 2).

    edit image property

    Figure 2 -The Edit Image Property dialog.

  12. Select an image to show on this tab
  13. Click OK
  14. The Edit Image Property dialog is closed.

  15. Select the File > Save menu item
  16. NOTE These changes will not become permanent until your next save of the application.uidesign file.

Related concepts
Related references