CSS Class names in OAF

Oracle Application Framework (OAF) Predefined CSS Classes List

as documented in Oracle BLAF Guidelines

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	label of Application Switcher
OraPromptText	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	Instruction Text
OraInstructionTextStrong	Instruction Text with Emphasis
OraPageStampText	Page stamp text
OraPageStampLabel	Page stamp label
OraButtonText	Action/Navigation Button Text
OraButtonTextDisabled	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	Global Button Enabled} (This would be an "a href" link
OraGlobalButtonTextSelected	Global Button Active
OraGlobalButtonTextDisabled	Global Button Disabled
OraTipText	Tip Text for page or section of page
OraTipLabel	Tip label (the word "Tip") in bold
OraInlineErrorText	Inline Error Text embedded in page content (not in message box; not for other message types)
OraInlineInfoText	Inline Info and Hint Text embedded in page content (not in message box; not for other message types)
OraTextInline	Variant of OraInlineInfoText - not specified in current BLAF guidelines
OraErrorHeader	Header for Error Message Only
OraErrorNameText	Error Name Text
OraMessageBoxList	numbered list within message box for list of informational or warning messages (not for error messages)
OraMessageBoxLink	blue links in message boxes - current BLAF guidelines specify brown links
OraMessageBoxParagraph	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	Link in Footer to Privacy Statement
OraCopyright	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
OraCalendarDisabled	Days in Date Picker that are invalid for the current context
OraCalendarSelected	Selected days(s) in the in Date Picker
OraShuttleLinkText	Link text placed below each arrow button in the middle of the shuttle
TAB/NAVIGATION/LOCATOR CSS DEFINITIONS
OraNav1Selected	Tab [level 1] selected
OraNav1Enabled	Tab [level 1] enabled
OraNav1Disabled	Tab [level 1] disabled
OraNav2Selected	Horizontal Navigation [level 2] selected
OraNav2Enabled	Horizontal Navigation [level 2] enabled
OraNav2Disabled	Horizontal Navigation [level 2] disabled
OraNav3Selected	Side Navigation [level 3] selected
OraNav3Enabled	Side Navigation [level 3] enabled
OraNav3Disabled	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	Dark Subheader on dark beige in Side Navigation of Home page
OraDarkHeaderSubSub	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	Subheader on Blue - typically in content containers
OraColorHeaderSubSub	SubsubHeader on Blue - typically in content containers
OraPortletHeader	Portlet Content Header on White - currently only used for a Portal demo
OraDarkPortletHeader	Portlet Content Header on Beige - currently only used for a Portal demo
OraGlobalPageTitle	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	sortable form of Table Column Header with centered action button
OraTableRowHeader	Table Row Header
OraTableColumnFooter	for left-aligned text in table column footer, except for totals
OraTableTotal	right-aligned "Total" label that appears in footer cell to left of numeric total
OraTableAddTotal	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	select column with check box or radio button in row with band of color
OraTableVerticalGrid	Table Background Vertical Grid Color
OraTableVerticalHeaderGrid	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???
OraTableHeaderLink	Used for column headers rendered by SortableHeaderBean for headers which aren't sortable
OraTableSortableHeaderLink	Link in Header of Sortable Column
OraTableDetail	Used for details child in conjunction with Hide/Show in a table row
SPACING AND LAYOUT CSS DEFINITIONS
OraIndentHeader	Indents second and later occurrences of subheaders 20 pixels relative to page header
OraSpacingHeader	Spacing for Page Title Header: 7 pixels above and 2 below
OraSpacingHeaderSub	Spacing for first SubHeader on page: 10 pixels above and 2 below
OraSpacingHeaderLarge	Spacing for second and later occurrences of subheaders: 20 pixels above and 2 below