Creating a Style Oracle Fusion Middleware Online Documentation Library

Working with Colors and Fonts 11-7 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.

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 . 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 Tip: If the style is used by more than one page group, look in the Shared Objects page group. Tip: You can also select a style element by clicking it in the Preview section. Note: 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 users browser settings. That is, it displays as either plain or underlined according to how the users 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 users browser. 11-8 Oracle Fusion Middleware Users Guide for Oracle Portal

9. Select a Font Face.

The Default font face renders text in the default font specified by the users browser.

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

■ px fixed unit pixels, though relative to the viewers 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.

11.5 Defining Styles for Portlets

The following subsections explain how to change the colors and fonts that define the style of portlets: ■ Section 11.5.1, Changing the Portlet Body Color ■ Section 11.5.2, Changing Portlet Header Colors, Fonts, and Edges ■ Section 11.5.3, Changing Portlet Heading and Text Colors and Fonts ■ Section 11.5.4, Controlling Styles for Page Portlets and Navigation Pages

11.5.1 Changing the Portlet Body Color

You can use background or body colors to draw attention to a specific functional area on a page or to a specific type of object. For example, you can change the color of the main body of a portlet. To change the body color of a portlet, edit the style used by the page on which the portlet is placed. Figure 11–3 shows the same portlet with different body color settings.