Edit Skin

In a portal, you can edit a skin to meet your requirements. Note that you can not edit built-in skins; you can copy a built-in skin to create a new custom skin for a portal, then edit that copy.

Note:

Creating and editing a skin is a complex task, requiring knowledge of CSS and how the skin is used in page templates. Therefore, skins should be developed by an experienced Web Developer. Oracle recommends that developers use JDeveloper to modify skins for portals. New skins can also be developed from scratch using JDeveloper. When fully developed, the developer can upload skins directly to WebCenter Portal (the portal server) for immediate use or for testing. Alternatively, the developer can export the skin to a file and upload the skin to WebCenter Portal later.

To edit the basic appearance settings of a skin:

  1. From the Item list, select the target area for which you want to update skin properties:
    • Page Template if you want to choose the background color, background image, and font for the template used on a page.

    • Page if you want to choose the color and image of the page background.

    • Task Flow/Portlet if you want to choose the background color and image of task flows and portlets on a page.

  2. From the Background Color list, select the background color you want to use for the target area.

    When you select a background color, its RGB value appears in the text box, and the selected target area changes to that color in the Preview panel on the right.

  3. In the Background Image field, enter the URI path of the image you want to use as a background image.

    Note:

    You can either specify an absolute URL (where the URL should also work if entered in a browser address field), or a relative URL that points to an image located somewhere in WebCenter Portal. To store an image in WebCenter Portal, you must upload the required file, then obtain the image's URL using the Get Link action.

  4. You can choose to repeat the background image horizontally, vertically, or both. Depending on your requirement, select:
    • Repeat Horizontally—Displays the background image aligned horizontally at the top of the page, with the image repeated across the horizontal bar.

    • Repeat Vertically—Displays the background image aligned vertically on the left side of the page, with the image repeated across the vertical bar.

    Select Repeat Horizontally and Repeat Vertically to repeat the selected image across the entire target area.

  5. From the Font Family list, select the font you want to use for the Page Template area.

    The Font Family list is displayed only when Page Template is selected in the Item list.

  6. Click Save and Close.