CSS Styles in OAF Page

Development
http://zett7.blogspot.in/2011/03/oracle-application-framework-oaf.html

commonly used

OraFieldText

Updatable Fields

OraDataText

Display Only Fields

OraPromptText

Used for Prompts, Checkboxes

OraLinkText

For Links/URLs

OraInstructionText For Plain Text Instruction

complete list
GENERAL COMPONENT CSS DEFINITIONS
OraBody

used on the element to define the default

bgcolor/font family for the entire page

OraApplicationSwitcherText
OraPromptText

label of Application Switcher

Text Prompts (Labels)

OraDataText

Data text string anywhere in page except in tables

- also often used for numeric values which don't
need to be right-aligned

OraFieldText

Text and numeric data in standard Web widget

(field, poplist)

OraFieldTextDisabled

Renders gray text in disabled form controls such

as text fields, radio buttons, check boxes - does
not match current BLAF guidelines

OraFieldNumber

Right-aligned numeric Data in Field

OraFieldNumberDisabled

Renders gray text for disabled Numeric Data

fields - does not match current BLAF guidelines

OraInstructionText
OraInstructionTextStrong
OraPageStampText
OraPageStampLabel

Instruction Text
Instruction Text with Emphasis
Page stamp text
Page stamp label

OraButtonText
OraButtonTextDisabled

Action/Navigation Button Text

Button Text - disabled

OraLinkText

Link Text (would be underlined with href tag)

OraVLinkText

visited link text (would be underlined with href tag)

OraALinkText

active link text - color change on mouse button

down (would be underlined with href tag)

OraGlobalButtonText
OraGlobalButtonTextSelected
OraGlobalButtonTextDisabled
OraTipText
OraTipLabel
OraInlineErrorText

OraInlineInfoText
OraTextInline
OraErrorHeader
OraErrorNameText
OraMessageBoxList
OraMessageBoxLink
OraMessageBoxParagraph

Global Button Enabled} (This would be an "a href"

link
Global Button Active
Global Button Disabled
Tip Text for page or section of page
Tip label (the word "Tip") in bold
Inline Error Text embedded in page content (not in
message box; not for other message types)
Inline Info and Hint Text embedded in page
content (not in message box; not for other
message types)
Variant of OraInlineInfoText - not specified in
current BLAF guidelines
Header for Error Message Only
Error Name Text
numbered list within message box for list of
informational or warning messages (not for error
messages)
blue links in message boxes - current BLAF
guidelines specify brown links
body text in non-error message boxes

OraMessageBoxErrorList

numbered list in red text within message box for

list of error messages

OraMessageBoxErrorLink

blue links in message boxes - current BLAF

guidelines specify brown links

OraMessageBoxErrorParagraph

red paragraph text in Error message boxes

OraPrivacy
OraCopyright

Link in Footer to Privacy Statement

Copyright Statement Text in Footer

OraCalendarTitle

Title of Date Picker - usually name of the month

OraCalendarHeader

Date Picker column headers - usually days of the

week

OraCalendarEnabled

Days in Date Picker that can be selected

Days in Date Picker that are invalid for the current

context
OraCalendarSelected
Selected days(s) in the in Date Picker
Link text placed below each arrow button in the
OraShuttleLinkText
middle of the shuttle
TAB/NAVIGATION/LOCATOR CSS DEFINITIONS
OraNav1Selected
Tab [level 1] selected
OraNav1Enabled
Tab [level 1] enabled
OraNav1Disabled
Tab [level 1] disabled
OraCalendarDisabled

OraNav2Selected

Horizontal Navigation [level 2] selected

OraNav2Enabled

Horizontal Navigation [level 2] enabled

OraNav2Disabled

Horizontal Navigation [level 2] disabled

OraNav3Selected
OraNav3Enabled
OraNav3Disabled

Side Navigation [level 3] selected

Side Navigation [level 3] enabled
Side Navigation [level 3] disabled

OraNavBarActiveLink

used for enabled NavigationBarBean links (a

"next" link when there are more items to view.)

OraNavBarInactiveLink

used for NavigationBarBean Next/Previous links

when there are no more Next/Previous contents to
be viewed

OraNavBarViewOnly

used for the step text (such as "Step 1 of 5") in a

single-item NavigationBarBean

OraTrainActive

current page in step-by-step locator a.k.a. "train"

OraTrainVisited

visited page(s) in step by step locator a.k.a. "train"

OraTrainUnvisited

page(s) not yet visited page in step-by-step

locator a.k.a. "train"

OraCrumbsSelected

current page (without link) in breadcrumbs

OraCrumbsEnabled

Pages higher in the hierarchy (with links enabled)

in breadcrumbs

HEADER CSS DEFINITIONS

OraHeader

Standard dark blue header on white background

OraHeaderSub

Standard dark blue subheader on white

background

OraHeaderSubSub

Standard dark blue subsubheader on white

background

OraDarkHeader

Dark Header on dark beige in Side Navigation of

Home page - usually subheader and
subsubheader are used instead

OraDarkHeaderSub
OraDarkHeaderSubSub

Dark Subheader on dark beige in Side Navigation

of Home page
Dark Subsubheader on dark beige in Side
Navigation of Home page

OraLightHeader

Light blue header on light or medium beige

background for content containers - usually
subheader and subsubheader are used instead

OraLightHeaderSub

Light blue subheader on light or medium beige

background - typically in content containers

OraLightHeaderSubSub

Light blue subsubheader on light background typically in content containers

OraColorHeader

Header on Blue for content containers - usually

subheader and subsubheader are used instead

OraColorHeaderSub
OraColorHeaderSubSub
OraPortletHeader
OraDarkPortletHeader
OraGlobalPageTitle

Subheader on Blue - typically in content

containers
SubsubHeader on Blue - typically in content
containers
Portlet Content Header on White - currently only
used for a Portal demo
Portlet Content Header on Beige - currently only
used for a Portal demo
Global header when there are no Tab links
TABLE CSS DEFINITIONS

OraTableTitle

Table Title - used instead of Subheader when

other elements separate the subheader from the
table AND no control bar is present

OraTable

Background color for table gridlines

OraTableControlBarText

text in table Control Bar (band appearing at top of

some tables that contains controls)

OraTableColumnHeader

Table Column Header

OraTableColumnHeaderNumber

same as Table Column Header but with right

aligned numeric header

OraTableColumnHeaderIconButton

Table Column Header with centered action button

OraTableSortableColumnHeader

Sortable Table Column Header -- cursor turns to

hand over header cell

OraTableSortableColumnHeaderNumber

sortable form of numeric Table Column Header

OraTableSortableColumnHeaderIconButton
OraTableRowHeader
OraTableColumnFooter
OraTableTotal
OraTableAddTotal

sortable form of Table Column Header with

centered action button
Table Row Header
for left-aligned text in table column footer, except
for totals
right-aligned "Total" label that appears in footer
cell to left of numeric total
left-aligned "Total" label that appears in column
header cell

OraTableTotalNumber

right-aligned total value that appears in footer cell

below the totalled column

OraTableTotalText

left-aligned total value -- useful in updateable

tables with more than one totaled column

OraTableCellText

Table Cell Text

OraTableCellTextBand

Table Cell Text in row with band of color

OraTableCellNumber

numeric Table Cell Text - only required if column

features calculations

OraTableCellNumberBand

numeric Table Cell Text in row with band of color only required if column features calculations

OraTableCellIconButton

Table Cell containing an action/navigation button

OraTableCellIconButtonBand

numeric band color table cell containing an

action/navigation button

OraTableCellSelect

select column with check box or radio button

OraTableCellSelectBand
OraTableVerticalGrid
OraTableVerticalHeaderGrid

select column with check box or radio button in

row with band of color
Table Background Vertical Grid Color
Table Background Vertical Grid Color in Column
Header

OraTableHorizontalGrid

Table Background Horizontal Grid Color

OraTableHorizontalHeaderGrid

Table Background Horizontal Grid Color in Row

Header

OraTableShadowHeaderGrid

renders shadow for sortable table headers???

Used for column headers rendered by

OraTableHeaderLink
SortableHeaderBean for headers which aren't
sortable
OraTableSortableHeaderLink
Link in Header of Sortable Column
Used for details child in conjunction with
OraTableDetail
Hide/Show in a table row
SPACING AND LAYOUT CSS DEFINITIONS
OraIndentHeader
OraSpacingHeader
OraSpacingHeaderSub
OraSpacingHeaderLarge

Indents second and later occurrences of

subheaders 20 pixels relative to page header
Spacing for Page Title Header: 7 pixels above and
2 below
Spacing for first SubHeader on page: 10 pixels
above and 2 below
Spacing for second and later occurrences of
subheaders: 20 pixels above and 2 below