VBCS - task13 - change the app's deafult page

 Usecase: Here, we will change the application's deafult home page from departments to employees.

Web apps >> click main node >> click settings >> set default page

VBCS - task12 - add a button to delete a department

 Usecase: Here we will add a button to delete a department row using quick start.

Select the main-departments page in web apps >> click the page designer tab >> select table >> clcik quick start in table's properties pane >> click add delete action >>select department under business objects>> finish >> delete department button is added in the toolbar on the main-departments page >> go to preview >> select a department row and click delete department and save

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.