11.4 Defining Styles for Items

You can change the colors and fonts used for item attributes (for example, Display Name, Create Date, and any custom attributes) by editing the style used by the page or item region that contains them. You can have different color and font settings for each attribute.

Figure 11-2 shows the same item region with different item attribute color and font settings.

Figure 11-2 Same Item Region with Different Styles

Description of Figure 11-2 follows
Description of "Figure 11-2 Same Item Region with Different Styles"


To change which attributes are displayed in a region, see Section 10.2.9, "Changing the Attributes Displayed in a Region".

Use care when changing a style: the changes you make affect the appearance of all pages and sub-page, tab, and item regions that use the style.

To change item attribute colors and fonts:

  1. Log in to Oracle Portal.

  2. Click the Build tab to bring it forward.

  3. From the Page Groups portlet Work In drop-down list, select the page group that owns the relevant style.

    By default, the Page Groups portlet is located on the Build tab of the Portal Builder page.


    If the style is used by more than one page group, look in the Shared Objects page group.
  4. Under Styles in the Layout & Appearance section, click the style to be edited.

    This opens the Properties tab of the Edit Style page.

  5. In the Style Element Type section, choose Items.

  6. In the Style Element Properties section, select the element to define.

    For a list and description of the style element properties relevant to items, see Section 11.3.1, "Items".


    You can also select a style element by clicking it in the Preview section.
  7. To select a color, click a color in the color palette or enter the color's hexadecimal value in the Color field.

    Clicking in the palette automatically populates the Color field with the color's hexadecimal value.

  8. Select a Font Decoration:

    • <None> for no decoration (see the following Note)

    • Plain for no decoration (see the following Note)

    • Underline for underlined text

    • Line-Through for lined-out text

    • Underline Linethrough for underlined text that is also lined out


    The Plain and <None> selections provide the same effect for most item-types. However, when applied to items displayed as hyperlinks, they behave differently:
    • When None is applied to a hyperlink, the way the hyperlink is displayed is determined by a user's browser settings. That is, it displays as either plain or underlined according to how the user's browser is configured.

    • When Plain is applied to a hyperlink, the hyperlink is always displayed as Plain (not underlined), no matter what the settings in the user's browser.

  9. Select a Font Face.

    The <Default> font face renders text in the default font specified by the user's browser.

  10. Specify a Font Size and select a unit of measurement:

    • px fixed unit (pixels, though relative to the viewer's monitor)

    • pt fixed unit (points)

    • em relative unit (relative to the font size of the last specified font)

    • ex relative unit (relative to the "X" size of the last specified font)

    • % relative unit (relative to the font size of the last specified font)

  11. Select a Font Style:

    • Plain

    • Bold

    • Italic

    • Bold Italic

  12. Click Apply.

    Your changes are saved, and the Preview section is refreshed to show your color and font selections.

  13. Edit each style element as desired.

    Click Apply after changing each element.

  14. Click Close to return to the Page Groups portlet.