Defining Styles for Items

11-10 Oracle Fusion Middleware Users Guide for Oracle Portal of the edges of the portlet header from square to rounded to rounded on one edge or the other. Figure 11–4 shows the same portlet with different header color and edge settings. The setting for portlet header colors also controls the color of portlet borders. Figure 11–4 The Same Portlet with Different Settings for Header Color and Edges 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 the portlet header or sub-header:

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 Portlets.

6. To change the colors and fonts of the portlet headers:

a. In the Style Element Properties section, choose one of the following:

– Portlet Header Color This element controls the background color of the portlet header. It also controls the colors of portlet borders. Portlet headers and borders always use the colors defined for the style applied to the page that contains the portlet. – Portlet Header Text This element controls the Display Name of the portlet as it appears in the portlet header – Portlet Header Link This element controls the appearance of any link that may display in the portlet header. Such links include Help, Personalize, and About. Note: See Section 11.5.4, Controlling Styles for Page Portlets and Navigation Pages for special style considerations for portlet headers and borders. Tip: If the style is used by more than one page group, look in the Shared Objects page group. Working with Colors and Fonts 11-11 – Portlet SubHeader Color This element controls the background color of the portlet sub-header. – Portlet SubHeader Text This element controls the appearance of any text that may display in the portlet sub-header. – Portlet SubHeader Link This element controls the appearance of any links that may display in the portlet sub-header. You can also select a 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 . b. Click a color in the color palette, or enter the color’s hexadecimal value in the Color field, for example CCFFFF. Clicking in the palette automatically populates the Color field with the color’s hexadecimal value.

c. 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

d. Select a Font Face.

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

e. 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 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-12 Oracle Fusion Middleware Users Guide for Oracle Portal

f. Select a Font Style:

Plain Bold Italic Bold Italic g. Click Apply. The Preview section is refreshed to show your color and font selections. 7. To change the edges of the portlet header:

a. In the Style Element Properties section, choose Portlet Header Style.

b. Click a radio button to select an edge: Figure 11–5 Normal: Two Square Edges Figure 11–6 Rounded: Two Rounded Edges Figure 11–7 Rounded Left Edge Figure 11–8 Rounded Right Edge

c. Click Apply.

The Preview section is refreshed to show your selection. 8. Edit each of the portlet header style elements as desired. Click Apply after changing each element. 9. Click Close to save your changes and exit the Edit Style page.

11.5.3 Changing Portlet Heading and Text Colors and Fonts

Oracle Portal provides four levels of heading and text attributes for use in developing portlets. If you view the source of any Oracle Portal page, youll see that the portlets were written using Portlet Heading1 and Portlet Text1. For example, the Favorites portlet uses the Portlet Heading1 style element for favorite links. You can provide a distinctive look to your portal by working with the colors and fonts that are applied to portlet headings and text. Change the colors and fonts used with portlet headings and text by editing the style that is applied to the page on which the portlet is placed. Figure 11–9 shows the Favorites portlet with different Portlet Heading1 color settings.