My webMethods Server 10.11 | My webMethods Server Webhelp | Administering My webMethods Server | 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:
*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 The Deselect arrow.
*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 The Deselect arrow.
*On a website - in the Select palette list, select URL, type the website URL and click OK. Select the new image and click The Deselect arrow.
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 The Left Arrow icon.
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.