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