Show TOC

Procedure documentationCopying Existing Skins and Images

 

Before you can adjust skins to your personal requirements, you need to copy existing SAP skins.

Procedure

Copying SAP Skins Using the Skin Workbench

When you copy SAP skins for the first time, you need to create a BSP application beforehand.

Enter transaction code SE80 and create a BSP application, for example, ZTHTMLB_STYLES.

Copy SAP Skin

  1. Create a BSP application and import the CSS file.

  2. Start the Skin Workbench.

    You access the Skin Workbench in Customizing for UI Framework under Start of the navigation path UI Framework Definition Next navigation step Skins and Icons Next navigation step Access Skin Workbench End of the navigation path.

  3. Select a skin and click Copy SAP Skin.

  4. Select the BSP application and enter a skin name, and a skin description.

  5. You can decide if the skin is automatically made available on the central personalization page of the WebClient UI.

Adjust the Copied Skin

The copied skin is displayed below the SAP skins in the Skin Workbench. You can adjust the copied skin to your needs by using the context menu. You can display all images in a skin folder, or preview and display the properties of individual objects.

Copying Images of Skins Using Microsoft Windows Explorer

You can use the following procedure to copy images of skins if you have installed Microsoft Windows XP on your computer.

Note Note

Using Microsoft Windows Explorer, you can only copy images of skins, but not the skins.

End of the note.
Access SAP Images for Copying

  1. Start Microsoft Windows Explorer on your local computer.

  2. Choose Start of the navigation path My Network Places Next navigation step Add Network Place End of the navigation path.

    The Add Network Place Wizard is started.

  3. Enter the following Internet or network address with the correct entry for your server: http://<server>:<port>/sap/bc/bsp_dev/sap/thtmlb_styles/?sap-client=<client>

    Example Example

    http://cc3.musterag.com:40000/sap/bc/bsp_dev/sap/thtmlb_styles/?sap-client=100

    End of the example.
Copy SAP Image to Your Local Computer or to a Network Folder

  1. Create a new folder on your local drive or on a server.

  2. Copy the SAP image from Web Folders and paste it to the new folder.

    Caution Caution

    If you use a local folder, your adjusted image will later be available for other users on the personalization page of the WebClient UI. However, it will not be loaded correctly, because the other users do not have access to the drive on your personal computer.

    End of the caution.

More Information

Making New Skins Available on the UI