11.3 Style Element Properties

The tables in the following subsections list and describe the types of user interface elements to which you can apply a style. It is divided into the following subsections:

11.3.1 Items

Table 11-1 lists and describes style element properties that apply to items.

Table 11-1 Style Element Properties that Apply to Items

Property Description

Group By Banner

Determines the color, height, and alignment of text in the banners for each group of items in a page.

Group By Text

Determines the color, font face, font size, font style, and font decoration of regular text in the banners for each group of items in a page.

Group By Link

Determines the color, font face, font size, font style, and font decoration of links in the banners for each group of items in a page.

<Other Attributes>

These determine the color, font face, font size, font style, and font decoration of the attributes that appear next to items on the page. For example Category, Create Date, and so on.

11.3.2 Tabs

Table 11-2 lists and describes style element properties that apply to tabs.

Table 11-2 Style Element Properties that Apply to Tabs

Property Description

Active Tab Color

Determines the color of the currently displayed tab (the active tab).

Active Tab Text

Determines the color, font face, font size, font style, and font decoration of the text on the currently displayed tab (the active tab).

Inactive Tab Color

Determines the color of tabs that are not currently selected (inactive tabs).

Inactive Tab Text

Determines the color, font face, font size, font style, and font decoration of the text on tabs that are not currently selected (inactive tabs).

11.3.3 Portlets

Table 11-3 lists and describes style element properties that apply to portlets.

Table 11-3 Style Element Properties that Apply to Portlets

Property Description

Portlet Header Color

Determines the color of portlet headers.

Portlet Header Text

Determines the color, font face, font size, font style, and font decoration of regular text in portlet headers.

Portlet Header Link

Determines the color, font face, font size, font style, and font decoration of links in portlet headers.

Portlet Header Style

Determines whether portlet headers have square or rounded edges.

Portlet SubHeader Color

Determines the color of portlet subheaders.

Portlet SubHeader Text

Determines the color, font face, font size, font style, and font decoration of regular text in portlet subheaders.

Portlet SubHeader Link

Determines the color, font face, font size, font style, and font decoration of links in portlet subheaders.

Portlet Body Color

Determines the color of the main body of portlets.

Note: To ensure that a Page portlet, a navigation page, or a page that is published as a portlet uses its own background color, rather than the one specified for the portlet's host page:

  1. Ensure that the portlet or navigation page uses its own style when it is published as a portlet (that is, do not select the option Use Style of Page on Which Portlet Is Placed in the portlet's or navigation page's properties, Optional tab).

  2. In the style for the page where you place the portlet or navigation page, clear any value from the Portlet Body Color style element and click Apply.

Portlet Headingn

Determines the color, font face, font size, font style, and font decoration of text in portlets marked with the Portlet Headingn tag.

The default list goes to heading level 4.

Portlet Textn

Determines the color, font face, font size, font style, and font decoration of text in portlets marked with the Portlet Textn tag.

The default list goes to text level 4.

11.3.4 Common

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

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.