Creating the UI for a Child Object

Steps:

1. Hello, my name is John, and today we are discussing extending  applications using Application Composer.

   Step 1

2. In this demo, I will show you how to create the user interface for a child object in Application Composer.

    

   Step 2

3. This is the fourth in a series of related demos that show how to create a child object, add fields to it, and display it in the UI of a parent object.

   Step 3

4. Before we begin, I am showing you the finished UI so you can understand the terms used in Application Composer. Child objects appear in subtabs on the parent object.

   Step 4

5. In Application Composer, you will select the fields you want exposed in the summary table.

   Step 5

6. What actions you want to expose.

   Step 6

7. And what fields you want to appear in the detail form, this is both the create and edit page for the child object.

   Step 7

8. Back in Application Composer, we begin by navigating to the parent object, in this case the Trouble Ticket.

   Step 8

9. We click the Pages link.

   Step 9

10. Now let's create the subtab.

     

    Step 10

11. Click the Create button.

    Step 11

12. As you can see from all the available options, you can display all kinds of information in subtabs. We are exposing a child object, and the Child or related object option is already selected for us, so let's continue.

    Step 12

13. Click the Next button.

    Step 13

14. We first select the child object we want to expose.

     

    Click the Data Object list.

    Step 14

15. Click the Activity list item.

    Step 15

16. Now let's enter the name that appears on the tab.

     

    Enter the desired information into the Display Label field. Enter

     a valid value
     e.g.
     "Activities"
    .
    Step 16

17. Now let's add the fields that show up in the table listing the records. That's the summary table.

    Step 17

18. Double-click the Activity Name list item.

    Step 18

19. Double-click the CreationDate list item.

    Step 19

20. Double-click the Description list item.

    Step 20

21. Double-click the Status list item.

    Step 21

22. The check boxes in the Actions section control which action you can perform and display the appropriate buttons on the UI. We want users to be able to create, edit , and delete actions, so we  leave them all selected.

    Step 22

23. Now let's add the fields we want to show up in the create and edit pages. That's the section of the tab right under the table.

    Step 23

24. Double-click the CreationDate list item.

    Step 24

25. Double-click the Description list item.

    Step 25

26. Double-click the Status list item.

    Step 26

27. We are done.

    Click the Save and Close button.

    Step 27

28. Activities is now listed as a subtab on the trouble ticket object UI.

    Step 28

29. In this demo you learned how to create the UI for a child object in Application Composer.

    You can find additional learning resources in your Oracle Fusion Help application, as well as in the Oracle Learning Library, and at Oracle University. Thank you.

    Step 29

Table of Contents  Start Topic