Applying images to a tab

You can change the appearance of tabs on your page by creating images for them. If you provide images for a tab, the tab text is used as rollover text—that is, it displays when the user moves the cursor over the tab.

Each tab can have two different images: an active tab image and an inactive tab image. An active tab is the one that is currently selected within a tab set. The rest of the tabs are considered inactive tabs.

NoteTo apply images to a tab, you must have at least one of the following privileges:

If you have full customization privileges on a page, you can apply images to your own tabs when you customize the page; you cannot apply images to tabs that you did not add yourself.

If you do not want to use two different images for a tab, just apply an active image to the tab; you do not need to apply an inactive tab image.

To apply images to a tab:

  1. Go to the page with which you want to work.

  2. Switch to Edit mode.

  3. Click on the tab for which you want to apply images.

  4. If you know the name and location of the image you want to use as the active tab image, enter it in the Active Tab Image field, for example:

    c:\webimages\maintab_on.gif

    Note: If the tab rollover effect has been enabled for the region, the active tab image is also used to create the rollover effect–that is, the active tab image displays when the user moves the cursor over the tab.

  5. If you know the name and location of the image you want to use as the inactive tab image, enter it in the Inactive Tab Image field, for example:

    c:\webimages\maintab_off.gif

    Note: You need to provide an inactive tab image only if you want the tab to look different when it is not the currently selected tab, or if you want to use a rollover effect.

  6. Click OK to return to page.

    Tip: If you want to check what the images look like before you return to the page, click Apply first.

Notes

Related topics

Adding tabs to a page