CSS Styles in OAF

         Common CSS Styles in OAF

CSS  (cascading style sheet) are used to change the look and feel.

Apply CSS styles to regions and items to provide a consistent look and feel.

Customers can change styles easily

The most common CSS Styles are:-

OraDataText:–

Bold, left-aligned display-only field data.

OraFieldText:–

 Plain text in updatable fields, checkboxes, etc.

OraPromptText:–

Right-aligned prompts.

OraLinkText:–

 Left-aligned plain text data that should render as a link in the link color.

OraInstructionText:–

Any of the left-aligned plain text instructions that you add to your page.

OraErrorText:-
         
            Display the data in Red color.

Invoking the CSS

Steps to invoke the CSS:-

            Select the item or region where u want change the style.

            

            In property inspect

            

             Visual--->

                        CSS Class:-(OraDataText)<Give the css which u want>

 After setting this css the data added in the field should display in bold.

The desired output will be as follows.

             

Creating Custom CSS

The user can create his own CSS Styles.

Create CSS in the Custom.xss

 You can find Custom.xss in jdevhome\jdev\myhtml\OA_HTML\cabo\styles

The custom.xss looks like as follows

<?xml version="1.0"?>

<!-- $Header: custom.xss 120.39 2005/08/08 09:27:38 atgops1 noship $ -->

<styleSheetDocument xmlns="http://bali.us.oracle.com/cabo/ocelot">

<import href="oa.xss"/>

<styleSheet>

<!-- Please start your customizations here -->

<style selector=".Red">
<includeStyle name="DefaultFontFamily"/>
<property name="font-size">11pt</property>
<property name="font-weight">Bolder</property>
<property name="color">#008000</property>
<property name="text-indent">3px</property>
</style>

<!-- Please end your customizations here -->

</styleSheet>

</styleSheetDocument>