Oracle VBCS: Use Case Guide - IV
Oracle VBCS: Use Case Guide - IV
Oracle VBCS: Use Case Guide - IV
2
Visual Builder Cloud Service
INSTRUCTIONS
OIC Instance
Country REST API
3
Visual Builder Cloud Service
Visual Builder Application:
1. Login into OIC and go to visual builder cloud service.
3. At this point below page should be displayed and select Business Objects.
4
Visual Builder Cloud Service
4. Click on menu and then select Data Manager.
5
Visual Builder Cloud Service
7. Click on next, next and select Travel Request Business Object and change the data type of Date
field to ‘Date’ instead of Date Time and click on finish.
8. Click on travel request BO and click on fields tab and create below two fields.
Field Name Data Type
Approved Boolean
6
Visual Builder Cloud Service
Airline Reference
7
Visual Builder Cloud Service
9. Now click on web application tab and select create new web application. Provide below details
8
Visual Builder Cloud Service
’
10. You should see below page at this point. Drag and drop Heading component to canvas and
update the value to ‘Travel Requets’ and level should H2.
11. Drag and drop horizontal rule from layout section and then add table component
9
Visual Builder Cloud Service
12. Click on Add Data and the select Travel Reuqeust BO and then GET operation.
10
Visual Builder Cloud Service
13. Select below columns
11
Visual Builder Cloud Service
14. Click on next and then finish.
15. Now we add edit page to the application. Click on add edit page and select fields as shown and
click on finish.
12
Visual Builder Cloud Service
13
Visual Builder Cloud Service
16. At this point you can run the application.
14
Visual Builder Cloud Service
15
Visual Builder Cloud Service
17. Go back to the Visual Builder and add as service connection as below.
Uri: https://restcountries.eu/rest/v2/alpha/{code}
16
Visual Builder Cloud Service
18. Add default value in url parameter.
17
Visual Builder Cloud Service
19. Test the service connection and click on copy to response body.
18
Visual Builder Cloud Service
20.Now back to web application and select main section as below and double click on the edit
page.
19
Visual Builder Cloud Service
21. Drag and drop input text field to the canvas and provide the name as ‘Capital’
22. Drag and drop image into canvas and set width as 150.
20
Visual Builder Cloud Service
23. Create variable Type as below.
21
Visual Builder Cloud Service
22
Visual Builder Cloud Service
24. Create variable as below.
23
Visual Builder Cloud Service
25. Go back to Designer and select Capital Field and then go to Data tab in properties section and
select value as below.
26. Select the image and then go to data tab and then select flag from country info.
27. Drag and drop button component to the canvas and configure as below.
24
Visual Builder Cloud Service
28.Click on events tab and configure below details.
25
Visual Builder Cloud Service
26
Visual Builder Cloud Service
29. Update the service id and click on not mapped icon.
27
Visual Builder Cloud Service
30.Drag and drop assign variable action in success branch
28
Visual Builder Cloud Service
29
Visual Builder Cloud Service
31. Run the application.
Flights.xlsx
32
Visual Builder Cloud Service
Thank You
33
Visual Builder Cloud Service