Oracle Cloud Technologies

 This is a multi-part blog wherein we will create a navigation drawer for WebApplication using VBCS. As part of this blog, we will create a VBCS application with a hamburger icon in the ui header on whose click the navigation drawer will open or close. Create a sample app with multiple flows Define 2 custom events in testnavapp, these events will then be used by underlying page fragments to open/close navigation drawer and to route page flow based on the selection done. Note: For newer application these events are created by default hence do this step only if you have an old application where you want to implement navigation drawer. Create/Edit the Header Fragment to add Navigation drawer icon on top. Note: Header Fragment is created by default in newer applications, if it does not exist feel free to create a new one. < header role = "banner" class = "oj-sm-flex-initial vb-web-applayout-header oj-sm-only-hide" >   < div class = "oj-flex-bar oj-sm-alig...

 To do this we will create a Checkbox Set and map the same to Oracle Jet Tabs, when a specific checkbox is checked the tab mapped to it will be shown Create a New App Add a checkbox set to the page Add 2 more options and rename them accordingly Create 3 default Tabs and add some custom content inside each tab Inside oj-tab-bar make sure all li elements have an id value and the same is mapped to Tab regions switcher elements div slot Now test the Page to see all Tabs are working fine Now we have to write logic to map the checkbox to the Tabs for this create a custom Type with attributes id and name. Now create an ADP of the same type with id as key attribute Now create an on-Value event on Checkbox set and write logic to populate the ADP with id and Name value of the Tabs PageModule .prototype.generateTabUsingCheckboxVal = function (checkboxValueArray) {     let generatedTabArray = [];     let generatedTabObj = {};     checkboxValueArray.forEach(eleme...

 Below are the steps to embed custom VBCS application in Oracle SaaS Prepare VBCS Application for embedding to Oracle SaaS Open WebApp > Settings>Security and make sure Allow Embedding option is enabled Make sure your custom app is made live and has same as below url https://<hostname>/ic/builder/rt/<AppName-TestNavigationListApp >/live/webApps/<WebAppName-testnavigation>/ Create Third party Application URL Navigate to Setup and Maintaince > From Task menu select ‘Manage Setup Content’ Navigate to “Manage Integration of Additional Applications” Click on Plus icon and provide the below details and click Apply Application Name :”VBCS Application” Full Url : https://<hostname>/ic Partner Name : <Keep Default value > Security policy: None Add page to Oracle SaaS Navigate to Configuration à Click on Sandbox Create new Sandbox ,by clicking on plus (+) icon and enter the name for sandbox and select all the Active Tools and click on Save and close...