Regions in OAF

Regions in OAF

A region is a reusable container that holds items.

Regions can inherit properties from other regions

Now let us discuss the creation of regions in OAF page.

Create the workspace

Create the project

Create the Application Module

Create the page and attach the AM to the page.

These all steps u know in the previous Sample page creation project.

pageLayout  Region:-

This is the top level region of every OAF page. It will create automatically when we create the page.

 header Region:-

            Now let us see how to create the header Region and it’s properties.

Right click on the top level region and select new region.

 Select the region and set the region style to header in the property inspector

Set the text for the region

Create some items in the region to verify how the items will display in the page.

Right click on the region select new item.

Set the prompt for the item in the property inspector.

Run the page to get the output.

  

messageComponentLayout Region:-

            Right click on the top level region and select new region.

Select the region and set the region style to messageComponentLayout Region in the property inspector

You can also set the rows and columns u want in the page the items will arrange in that format only

Here u can’t set the prompt for the region.

           

Create the items in the region as we did in header region.

Set the prompt for the items .

Run the page to get desire output.

Adding submit button in messageComponentLayout Region

Right click on the messageComponentLayout Region select new their u will get only message related items , so to add submit button first u take the messageLayout item.

 Right click on messageLayout and select new item and in the property inspector select the item style as submitButton

Run the page to get the output.

rowLayout Region:-

            Right click on the top level region and select new region.

Select the region and set the region style to rowLayout Region in the property inspector.

For rowLayout Region we have the properties like Horizontal Alignment,Vertical Alignment. In that we have default, left, right, center, top, bottom by default it will be default.

Row layout resion dispalays the output in row wise.

After creating the region add some items to the region.

Run the page to get the output.

defaultDoubleColumn Region:-

            To display the items in two column we use this region.

            Right click on the top level region and select new region.

Select the region and set the region style to defaultDoubleColumn Region in the property inspector.

            U can set the text for region.

            

           

After creating the region create some items in that .

            Run the page to get the desired output.

            The items should placed in two columns only.

 defaultSingleColumn Region:-

            To display the items in a single column we use this region.

            Right click on the top level region and select new region.

Select the region and set the region style to defaultSingleColumn Region in the property inspector.

            U can set the text for region.

After creating the region create some items in that .

            Run the page to get the desired output.

            The items should placed in a single columns only.

pageButtonBar Region:-

PageButtonBar will be mostly used when u want the buttons in both top and bottom of the page.

Right click on the top level region and select new region.

Select the region and set the region style to pageButtonBar Region in the property inspector.

Create the button in the region which u want.

After creating the items run the page.

query Region:-

           

            Query Region is useful while creating the search page.

table Region:-

           

            Table region is used to display the data in table format.

            It is useful while displaying the data from the database.

stackLayout Region:-

            Stack Layout region is used while displaying the data of flexfield.

train Region:-

            Train region is used in multi transaction pages.