My webMethods Server 10.2 | Server Page Development | Customizing Skins | Using the Skin Administration Page | Replacing Images in a Skin
 
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.
Tip: To preview a page other than My Folders, My Home Page, or Public Folders, see Previewing a Page Elsewhere on the Server.
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.

Copyright © 2004-2018 | Software AG, Darmstadt, Germany and/or Software AG USA, Inc., Reston, VA, USA, and/or its subsidiaries and/or its affiliates and/or their licensors.
Innovation Release