How to create custom css in oaf

How to create custom css in oaf

 

In this post , We will discuss how we can create the Custom css in oaf. We all know that css is uses to set the Look and feel for the items in the OAF page. CSS  (cascading style sheet) are uses to change the look and feel of the items of the OAF page. Apply CSS styles to regions and items to provide a consistent look and feel in the OAF Page. We can set the Color , Font Size and Font for the fields with the help of the css class in oaf.

 

Here below is the steps how to create custom css in oaf.

Step 1:- Go to $OA_HTML/cabo/styles directory
Step2:- FTP the custom.xss file to your local system
Step3:- Open the Custom.xss class and then add your custom style selector in the css class.

Add this below code

 

        <style selector= ".XXREDTEST">
           <property name="font-family">Arial,Helvetica,Geneva,sans-serif</property>
           <property name="font-weight">bold</property>
           <property name="font-size">large</property>
           <property name="color">#cc0000</property>
        </style>

Step4:- Put changed custom.xss file back to $OA_HTML/cabo/styles