Changing Portlet Header Colors, Fonts, and Edges

Working with Colors and Fonts 11-13 Figure 11–9 Favorites Portlet with Different Portlet Heading1 Color Settings For information about how to use these style elements in your own portlets, see the Portal Developer Kit page on the Oracle Technology Network OTN, http:www.oracle.comtechnologyproductsiasportalportlet_ development_10g1014.html . For information on Oracle Portal style classes, which you can use with your own developed portlets, see Section 11.12, Using Portal Style Element Classes in HTML Templates and CSSs . 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 portlet heading and text 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 style to be edited. 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 Portlets.

6. In the Style Element Properties section, choose Portlet Headingn or Portlet Textn,

where n is the desired level. You can also select the portlet heading or text style element by clicking it in the Preview section. For a list and description of style element properties relevant to portlets, see Section 11.3.3, Portlets .

7. Click a color in the palette, or enter a hexadecimal value in the Color field, for

example FFCC00. 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. 11-14 Oracle Fusion Middleware Users Guide for Oracle Portal

9. Select a Font Face.

The Default font face renders the 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. The Preview section is refreshed to show your color and font selections. 13. Edit the style elements as desired. Click Apply after changing each element. 14. Click Close to save your changes and exit the Edit Style page.

11.5.4 Controlling Styles for Page Portlets and Navigation Pages

Regardless of whether a page portlet or navigation page uses its source pages style, they always render their headers and borders using the style of the page on which they are placed. This is true even when you specify the use of the style that was defined for the page portlet or navigation pages source page. If you do not want to use the container pages header and border colors on a page portlet or navigation page, you can turn off the display of headers and borders at the region level on the container page. If the page portlet or navigation page also contains its own portlets, you must also turn off the display of headers and borders for portlet regions on the source pages of those portlets. 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.