You are on page 1of 6

Oracle Application Framework (OAF) Predefined CSS Classes List as documented in Oracle BLAF Guidelines commonly used OraFieldText

dText OraDataText OraPromptText OraLinkText OraInstructionText Updatable Fields Display Only Fields Used for Prompts, Checkboxes For Links/URLs For Plain Text Instruction

complete list GENERAL COMPONENT CSS DEFINITIONS OraBody OraApplicationSwitcherText OraPromptText OraDataText OraFieldText OraFieldTextDisabled OraFieldNumber OraFieldNumberDisabled OraInstructionText OraInstructionTextStrong OraPageStampText OraPageStampLabel OraButtonText OraButtonTextDisabled OraLinkText OraVLinkText OraALinkText used on the element to define the default bgcolor/font family for the entire page label of Application Switcher Text Prompts (Labels) Data text string anywhere in page except in tables also often used for numeric values which don't need to be right-aligned Text and numeric data in standard Web widget (field, poplist) Renders gray text in disabled form controls such as text fields, radio buttons, check boxes - does not match current BLAF guidelines Right-aligned numeric Data in Field Renders gray text for disabled Numeric Data fields does not match current BLAF guidelines Instruction Text Instruction Text with Emphasis Page stamp text Page stamp label Action/Navigation Button Text Button Text - disabled Link Text (would be underlined with href tag) visited link text (would be underlined with href tag) 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 OraMessageBoxErrorList OraMessageBoxErrorLink OraMessageBoxErrorParagraph OraPrivacy OraCopyright OraCalendarTitle OraCalendarHeader OraCalendarEnabled OraCalendarDisabled

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 numbered list in red text within message box for list of error messages blue links in message boxes - current BLAF guidelines specify brown links red paragraph text in Error message boxes Link in Footer to Privacy Statement Copyright Statement Text in Footer Title of Date Picker - usually name of the month Date Picker column headers - usually days of the week 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

OraNav2Selected OraNav2Enabled OraNav2Disabled OraNav3Selected OraNav3Enabled OraNav3Disabled OraNavBarActiveLink

Horizontal Navigation [level 2] selected Horizontal Navigation [level 2] enabled Horizontal Navigation [level 2] disabled Side Navigation [level 3] selected Side Navigation [level 3] enabled Side Navigation [level 3] disabled used for enabled NavigationBarBean links (a "next" link when there are more items to view.) used for NavigationBarBean Next/Previous links when there are no more Next/Previous contents to be viewed used for the step text (such as "Step 1 of 5") in a single-item NavigationBarBean current page in step-by-step locator a.k.a. "train" visited page(s) in step by step locator a.k.a. "train" page(s) not yet visited page in step-by-step locator a.k.a. "train" current page (without link) in breadcrumbs Pages higher in the hierarchy (with links enabled) in breadcrumbs Standard dark blue header on white background Standard dark blue subheader on white background Standard dark blue subsubheader on white background Dark Header on dark beige in Side Navigation of Home page - usually subheader and subsubheader are used instead Dark Subheader on dark beige in Side Navigation of Home page Dark Subsubheader on dark beige in Side Navigation of Home page Light blue header on light or medium beige background for content containers - usually subheader and subsubheader are used instead

OraNavBarInactiveLink

OraNavBarViewOnly OraTrainActive OraTrainVisited OraTrainUnvisited OraCrumbsSelected OraCrumbsEnabled HEADER CSS DEFINITIONS OraHeader OraHeaderSub OraHeaderSubSub OraDarkHeader OraDarkHeaderSub OraDarkHeaderSubSub OraLightHeader

OraLightHeaderSub OraLightHeaderSubSub OraColorHeader OraColorHeaderSub OraColorHeaderSubSub OraPortletHeader OraDarkPortletHeader OraGlobalPageTitle

Light blue subheader on light or medium beige background - typically in content containers Light blue subsubheader on light background typically in content containers Header on Blue for content containers - usually subheader and subsubheader are used instead 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 OraTable OraTableControlBarText OraTableColumnHeader OraTableColumnHeaderNumber OraTableColumnHeaderIconButton OraTableSortableColumnHeader OraTableSortableColumnHeaderNumber OraTableSortableColumnHeaderIconButton OraTableRowHeader OraTableColumnFooter OraTableTotal OraTableAddTotal

Table Title - used instead of Subheader when other elements separate the subheader from the table AND no control bar is present Background color for table gridlines text in table Control Bar (band appearing at top of some tables that contains controls) Table Column Header same as Table Column Header but with right aligned numeric header Table Column Header with centered action button Sortable Table Column Header -- cursor turns to hand over header cell sortable form of numeric Table Column Header 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 OraTableTotalText OraTableCellText OraTableCellTextBand OraTableCellNumber OraTableCellNumberBand OraTableCellIconButton OraTableCellIconButtonBand OraTableCellSelect OraTableCellSelectBand OraTableVerticalGrid OraTableVerticalHeaderGrid OraTableHorizontalGrid OraTableHorizontalHeaderGrid OraTableShadowHeaderGrid OraTableHeaderLink

right-aligned total value that appears in footer cell below the totalled column left-aligned total value -- useful in updateable tables with more than one totaled column Table Cell Text Table Cell Text in row with band of color numeric Table Cell Text - only required if column features calculations numeric Table Cell Text in row with band of color only required if column features calculations Table Cell containing an action/navigation button numeric band color table cell containing an action/navigation button select column with check box or radio button 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 Table Background Horizontal Grid Color Table Background Horizontal Grid Color in Row Header renders shadow for sortable table headers???

Used for column headers rendered by SortableHeaderBean for headers which aren't sortable OraTableSortableHeaderLink Link in Header of Sortable Column Used for details child in conjunction with Hide/Show OraTableDetail in a table row SPACING AND LAYOUT CSS DEFINITIONS OraIndentHeader OraSpacingHeader OraSpacingHeaderSub 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

OraSpacingHeaderLarge

Spacing for second and later occurrences of subheaders: 20 pixels above and 2 below