Understanding Style Basics Oracle Fusion Middleware Online Documentation Library

11-6 Oracle Fusion Middleware Users Guide for Oracle Portal

11.3.4 Common

Table 11–4 lists and describes style element properties that apply to item regions and pages.

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 Table 11–4 Style Element Properties Common to Item Regions and Pages Property Description Background Determines the color or image used for the background of the page or region. Notes: ■ When a page uses an HTML page skin template, the page background color is taken from the template and any background color specified in a defined style is ignored. An exception to this is when the page skin uses a class generated by an Oracle Portal style. For example, you can place an Oracle Portal style element class in the body HTML tag: BODY style=margin:0px class=Bodyid2siteid0. Should you change the style declaratively, through the Oracle Portal user interface, the change is reflected as well in the template that references the style class. This enables you to change the Background Color of all pages that use the page skin through the declarative style. For more information on Oracle Portal style element classes, see Section 11.12, Using Portal Style Element Classes in HTML Templates and CSSs . ■ If you enter a hexidecimal color value that does not also appear in the color palette, tabs and portlets do not display with rounded corners. Region Banner Determines the color, height, and alignment of text in the banners for each region in a page. Region Banner Text Determines the color, font face, font size, font style, and font decoration of regular text in the banners for each region in a page. Note: To change which attributes are displayed in a region, see Section 10.2.9, Changing the Attributes Displayed in a Region . 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.