Create custom skins

You can create skins to customize the Page Builder theme as required. A successful approach to creating custom skins is copying the standard Page Builder skin, csa2.standard, then adding images, JavaScript files, and other custom resources. Copying the standard Page Builder skin is the best way to ensure that custom skin contains all the required elements. However, do not modify the standard Page Builder skin itself because future fix packs and service changes can overwrite changes.

To create custom skins...

  1. Create a new skin.

    1. Mount the /skinlist WebDAV entry point with WebDAV client here: /wps/mycontenthandler/dav/skinlist/

    2. Copy and rename the folder of the Page Builder skin that you plan to use as the base for custom skin.

        Some WebDAV clients do not let you copy directly within the /skinlist folder. As an alternative, do the following:

        1. Copy the appropriate folder to local file system.

        2. Rename the folder.

        3. Add the new folder to the /skinlist folder.

    3. Edit the properties files in the metadata folder of skin to change the display title and description.

      Your new skin is now defined in the portal database. To customize skin, you edit the skin files in WebDAV. You can then assign the skin to portlets.

  2. Add images or other static resources to skin.

    1. Copy the required static resources, such as images or JavaScript files, into the root directory of skin in WebDAV.

    2. Organize files in subdirectories as necessary.

    3. Use server relative or absolute URLs to reference the resources in skin.html file.

        For example, if you create a folder named /images that contains a file named logo.png, you can use the following references:

          Server relative URL: <img src="/wps/mycontenthandler/dav/skinlist/myskin/images/logo.png"/>

          Absolute URL: <img src="http://server_name:port_number/wps/mycontenthandler/dav/skinlist/myskin/images/logo.png"/>


Parent

Develop custom themes

  changing theme to skin


+

Search Tips   |   Advanced Search