Thursday 1 March 2012

Using CSS Class in OAF displaying the message in UpperCase

Scenario: Using Css Class print the message in Upper case

Step 1: In process Request Method
       
          public void processRequest(OAPageContext pageContext, OAWebBean webBean)
  {
    super.processRequest(pageContext, webBean);
    CSSStyle cssName = new CSSStyle();
    cssName.setProperty("text-transform","uppercase");
    OAMessageTextInputBean mtib = (OAMessageTextInputBean)webBean.findIndexedChildRecursive("Hello");
    if(mtib!=null)
    {
      mtib.setInlineStyle(cssName);
      mtib.setText(pageContext,"Hello Hai");
    }
   
}

Step 2: Run the page


  ******************************

Using the following code you may see the message in upper case, it may help you...

Step 1: go to styles folder in

C:\JDEV_12_1_1\jdevhome\jdev\myhtml\OA_HTML\cabo\styles

Step 2: Open the custom.css file

Step 3: Add the following code

<style selector= "XXOraUpperText">
<property name = "font:-family">Arial,Helvetica,Geneva,sans-seri</property>
<property name = "font:-weight">normal</property>
<property name = "font:-size">9pt</property>
<property name = "color">#797979</property>
<property name = "margin-bottom">0px</property>
<property name = "text-transform">uppercase</property>
</style>

Step 4: set the css property to the corrosponding item
name as XXOraUpperText

3 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. hi santhosh,

    nice articles u have provided keep updating ur blog like this which will be very useful for many OAF developers...
    nice job keep it up.

    ReplyDelete
  3. hi santhosh,

    can u plz tel me how can we create Dialog box with OK/Cancel buttons and the code to handle those buttons.
    OADialogPage is for displaying in entire page but i want to display in small dialog box.

    THANK YOU.

    ReplyDelete