VBCS - task11 - add a page to edit business object like department's details

 Here, we will add an edit page that lets user to change a department's name and location 

Select the main-departments page in web apps >> click the page designer tab >> select table >> clcik quick start in table's properties pane >> add edit page >>select delartment and location >> finish >> edit department button is added in the toolbar on the main-departments page >> go to preview >> select a department tow and click edit department and save.

VBCS - task10 - Add navigation between pages in a webapp | Action chain

Here, we will see how to setup navigation between pages in a web app.

We can do this by addig buttons that perfom specific actions when we click then. This sequence of actions is called an action chain in visual builder. 

Usecase: create an action chain to navigate from departments page to employees page:

Click web applications >> click main-departments page >> select button from component pallet and drop to the page beside create department  >>click button and change level field to Show Employees >> go to events tab and click + event listener >> select on 'ojAction' >> an empty action chain will open >> drag "Navigate to Page" action and drop to the canvas and select the page >> click preview and test.

VBCS - task9 - change the name of the main-start page

 Here, we will change the name of the main-start page.

Webapps >> right click on main-start >> select rename >> provide new name >> click on main node >> you can see page name changed but its still default page.

We can also go to source tab and check the main nodes >> main-flow.json

VBCS - task8 - Add a page to create employees

 Here we will add a page to create employees using quick start.

Select table component within the panel on the main-employees page >> click Quick start >> add create page >> add all the fields with required types >> click the structure view >>select the form layout >> set the cloumns value to 2  >> click live and test

When we click the code, we can see the html code for title, the table, the div elements etc. The components , classes all begin with oj- , indicates that they are Oracle Javascript Extension Tollkit(JET) components.

VBCS - task7 - Add a page to display business object like employees

Here we will create a new page and display employees business object using panel, table and without using direct quick start.

Webapps >> hrwebapp >> click + next to the main node and select create page. >>provide page name >> chnage the header title to Employees >> select panel from component pallet and drop to page >> data tab >> select employee business object >> drag and drop get many to panel and select render as Table >>pop up menu to open add data quick start >> select the fields to display >> for picturr field , make it image type. >> next >> finish.

VBCS - task6 - add a page to create departments using add create page quick start

 Here, we will add a page to create departments using add create page quick start.

Main-start >> add create page on quick start >> select required fields like department anf location >> Finish >> it will create new page and click on live and test the create and display pages.

VBCS - task5 - create webpages | Use main-start page to display departments

Here, we will see how to display one business object department data over a page.

Click on web applications >> main-start >> click on main in page-header and update title to departments >>click on components and search table >> drag and drop table to page >> add data >> it will open add data quick starts >> select Department Business object >> in bind data sesction , select the fields to show over page. >> expand locationObject and items and select location. As we have created refrence from department to location BO, location field is available now here only >> next and finish