Creating the UI for a Custom Object (Part 2 of 2)



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 Overview, the create, and the edit pages for a custom object. This is the second of a two-part demo that shows you how to create the UI for a custom object.

    Step 2

  3. This is the sixth in a series of related demos that show how to create a custom object, add fields to it, and create the user interface.

     

     In this series, we create a  simple trouble ticket application that the sales organization can use to log customer issues.

    Step 3

  4. In an earlier demo, you learned how to configure the search UI for a custom object.

    Step 4

  5. In this demo, we'll configure the overview, creation, and edit pages.

    Step 5

  6. We'll first configure the summary table, which lists the trouble tickets in the Work Area. Let's look at the UI so you know what I mean.

    Step 6

  7. Here is what the summary table will look  like when we area finished.

    Step 7

  8. Back in Application Composer,  let's add the fields we want to display.

    Step 8

  9. But before  we do, we must decide which field will be used to drill down to the trouble ticket details. We want users to drill down on the Abstract, so we don't need to change anything here.

    Step 9

  10. Now let's select the fields we wan to display. We can double-click on each name.

    Step 10

  11. Double-click the Company list item.

    Step 11

  12. Double-click the Description list item.

    Step 12

  13. Double-click the CreationDate list item.

    Step 13

  14. Double-click the CreatedBy list item.

    Step 14

  15. Double-click the Status list item.

    Step 15

  16. Double-click the Type list item.

    Step 16

  17. We want users to be able to be able to  create, edit, and delete trouble tickets from  the table, so we'll leave the action check boxes selected.

    Step 17

  18. Now let's add the fields to the create trouble ticket page. Notice that the required field Abstract is already selected.

    Step 18

  19. Double-click the Company list item.

    Step 19

  20. Double-click the Description list item.

    Step 20

  21. Double-click the CreationDate list item.

    Step 21

  22. Double-click the CreatedBy list item.

    Step 22

  23. Double-click the Status list item.

    Step 23

  24. Double-click the Type list item.

    Step 24

  25. We're done with the creation page so let's move to the next step.

    Click the Next button.

    Step 25

  26. In this final step, we'll configure the edit trouble ticket page, called the Details Page. Let's look at the finished page so you can see what I am talking about.

    Step 26

  27. Here's what the finished edit page will look like.

    Step 27

  28. Here is the Default Summary we are configuring.

    Step 28

  29. Click the Expand Show Details button.

    Step 29

  30. And here is the expandable Detailed Summary.

    Step 30

  31. Back in Application Composer, let's add the fields we want in the Default Summary.

     

    Double-click the Abstract list item.

    Step 31

  32. Double-click the Company list item.

    Step 32

  33. Double-click the Status list item.

    Step 33

  34. Double-click the Type list item.

    Step 34

  35. And now the fields in the collapsible detailed summary  region.

    Step 35

  36. Double-click the Description list item.

    Step 36

  37. Double-click the CurrencyCode list item.

    Step 37

  38. Double-click the CreatedBy list item.

    Step 38

  39. Selecting the Allow Attachments check box adds the ability to upload and manage attachments. This is a common piece of functionality you can make available on any custom object.

    Step 39

  40. Click the Allow Attachments option.

    Step 40

  41. We're done with building the UI, so let's save and close.

    Click the Save and Close button.

    Step 41

  42. Here's the list of all the pages we created. Later demos will show you how to add tabs and other more advanced functionality. Now let's test what we have built so far. That's the subject of the next demo.

    Step 42

  43. In this demo you learned how to create the UI for a custom 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 43

Table of Contents  Start Topic