## 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

NOTE If the Application Editor is already open, bring it to the front by clicking on its tab.

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.

2. Select the UI Design to set the image

The UI Design is highlighted to indicate that it has been selected.

3. Checkmark the Enable Navigation Pane Tabbing option

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.

4. Checkmark the Is in AppUi tab group option to add the selected design to the tab group

When the box is checked, exactly one of the radio buttons below it will be selected.

5. Enable the Image control (Figure 1)
6. Click the Edit... control

The Edit Image Property dialog appears (Figure 2).

Figure 2 -The Edit Image Property dialog.

7. Select an image to show on this tab
8. Click OK

The Edit Image Property dialog is closed.

9. Select the File > Save menu item

NOTE These changes will not become permanent until your next save of the application.uidesign file.

##### Related concepts

- UI Designs

##### Related references

- UI Designs Page