Replacing Images in a Skin
The skin of a page contains images, such as logos, that help shape the appearance and structure of the page. Using the Skin Administration page, you can replace images in a skin with images from your local drive, images from an existing skin, or images from a website.
To replace an image in a skin
1. As system administrator: Administration Dashboard > User Interface > Skin Administration.
2. To modify a skin, click the Tools icon and then click Edit. 3. Click Images.
4. Click the skin property for the image you want to replace.
The property is highlighted with a red box.
5. Depending on the source of the image, do one of the following:
If the image source is... | Do this... |
On the local drive | In the Picker panel, click Choose File. Browse to the new image, click Open, and then click Upload. To replace the image, click . |
Part of an existing skin | In the Select palette list, select the skin from which you want to copy the image. Select the new image and click . |
On a website | In the Select palette list, select URL, type the website URL and click OK. Select the new image and click . |
6. Click Preview.
The preview demonstrates how your changes have affected the skin.
7. Close the Preview window and click Save.
Example:
Assume you have the Carbon Sailing skin installed and want to change from the webMethods logo to the Carbon Sailing logo, carbon-logo.png, which exists on your local file system.
1. As system administrator: Administration Dashboard > User Interface > Skin Administration.
2. Click the Tools icon
for the Carbon Sailing Skin and click
Edit.
3. Click Images.
4. Click the logo.gif skin property.
The property is highlighted with a red box.
5. In the Picker panel, click Choose File, browse to the carbon-logo.png image, click Open, and then click Upload.
The new image appears in the Picker panel.
6. To replace the image, click
.
7. In a similar way, select the banner-bg.gif property and replace the image with the carbon-bg.jpg file.
The resulting combination results in a complete banner.
8. In the Preview panel, choose My Home Page from the list and click Preview.
9. Close the Preview window and click Save.