In this lesson, we will learn how to create Items in OAF page, and also we learn how to create Regions on a page.
Here we are taking the same Welcome Page which we created /learned in the previous lesson.
Creating a Region in OAF page:
Select the .xml page in Applications Navigator. In the page structure Right click on PageId (example “WelcomePageId” which we created early in the previous lesson Welcome Page) and then select New -> Region.
By default, JDeveloper takes it as a Header region. We got different types of regions available in the JDeveloper, which are:
- sub TabLayout
Give some text in Visual -> Text:, for example, “Header Region” text field as shown in the below figure:
Run the page after giving Text field value and see the output the output will look like:
In the output observe how the Header Region is appearing and how it looks like we will discuss some important regions which we use in OAF pages in the coming chapters.
Creating a Items in OAF page:
Let us see how to place items in the OAF Page regions and how to place items in the OAF page:
Here we already created a Header Region and if you observe in the above picture the id value of the region is “region1″.
Right-click on the region1 select New -> Item as shown in the below figure:
Now we can see item1 got created under region1.
In the item1 properties if we observe the default style of the item is messageTextInput (which takes input values from the user) and give some text for prompt (for example “Header Region Item1 :”). The same scenario is shown in the below figure:
We have different styles for items which are listed down:
Similarly, create one more item in the header region, and for item2 in the properties give prompt (example Header Region Item2 :). So, therefore, the page structure looks like:
Now create one more item but create it on the pageID, so that let us see how the items are going to be displayed in the output, note that we don’t know how the items appear on the page at design time and how the output looks like.
Right Click on the pageID of page structure and then select New -> Item as shown in the below figure:
After that for the created item3 in Property Inspector give the promt (for example – “ Item1 in the Main page : ” )
The same thing is shown in the below figure:
Now run the page and see how the page looks like.
The output of the page will look like the following, and observe how the items are displaying in header region and how they are looking out of header region.
Check out our Popular Trainings