Thursday 1 August 2013

Hide/Show in OAF

This Example will show you how to implement the hide show region style. You can Hide or Show your Result data as per your need. So this can be achieved by changing the style of the region to Hide Show.



    Hide/Show can be implemented into a page design in the following ways.
 
    1 Hide/Show in Page Content
    2 Hide/Show in a Table Row
    3 Hide/Show in a Table Cell
    4 Hide/Show in Side Navigation
    5 Hide/Show Headers


      Here we are adding Hide Show Region on Result Table of Employee Search Page

Step 1: Select QueryRN of EmplyeeSearchPage and add Hide/Show component, create region and set
              its  style to hideShow.
             a) ResultHideShowRN



Step 2: Set the following properties for the hideShow region ResulthideShowRN:

         a) Disclosed Text - the text to display when the content is disclosed. If you fail to specify this property
             the OA Framework displays "Hide" as the default value.
            
            i.e Hide Employee Data  
           
         b) Undisclosed Text - the text to display when the content is hidden. If you fail to specify this property
             the OA Framework displays "Show" as the default value.

            i.e Show Employee Data

            
Step 3:   Drag ResultsTable in ResultHideShowRN.
              

Step 4: Initially Disclosed - controls whether the supplemental content is shown when the page first renders


            in the session. The default value is "False."


    See Resulted Page Below:
   






No comments: