Table of Contents
- Title and Copyright Information
- Preface
-
Part I Get Started
- 1 Welcome to Visual Builder Studio
- 2 Create Visual Applications
- 3 Anatomy of Visual Applications
-
Part II Connect Applications to Data
-
4
Work With Business Objects
- About the Business Objects Pane
- Create and Edit Business Objects
- View, Create, and Edit Business Object Relationships
- Secure Business Objects
- Create Rules for Business Objects
- Work with Endpoints to Access Business Objects
- View and Edit Data in Business Objects
-
Manage Business Object Data During
Development
- Import Data From a File Using the Data Manager
- Export the Data to a File from the Data Manager
- Resolve Problems When Importing Data
- Create Business Objects From a File
- Set Your Own Audit Fields For Imported Business Objects
- Import Data into a Deployed Visual Application
- Export Data from a Deployed Visual Application
- Configure a Build Job to Import or Export Data from a Visual Application
- Optimize Business Object Performance
- Work with Business Object Diagrams
- Switch to Your Own Database Schema for Business Objects
-
5
Work With Services
-
Manage Backends in Your Visual Application
- What Are Backends?
- What Are Application Profiles?
-
Set the Backend's Authentication Method and Connection Type
- How Does the Identity Propagation Authentication Method Work?
- How Does the Fixed Credentials Authentication Method Work?
- What is CORS?
- Use an Appropriate Connection Type to Handle CORS for REST Services
- Work with HTTP-based Endpoints
- Allow Anonymous Access to the Service Data
- OAuth and JWT Token Validity
- Add an Oracle Cloud Applications Instance to a Visual Application
- Create a Backend
- Edit a Backend
-
Manage Service Connections
- What Are Service Connections?
- Service Connections: Static Versus Dynamic
- Create a Service Connection
-
Edit a Service Connection
- Add a Server to a Service Connection
- Edit Service Endpoints for a Static Service Connection
- Retrieve Service Metadata for a Dynamic Service Connection
- Add Server Variables for Service Connections
- Add More Endpoints to a Service Connection
- Edit a Server's Authentication Details
- Add Transforms to a Service Connection or an Endpoint
- Convert a Service Connection
- Test Service Connection Responses
- Update Schema of the Request or Response
- Connect to Oracle Cloud Services
-
Manage Backends in Your Visual Application
-
4
Work With Business Objects
-
Part III Develop Applications
- 6 Develop Your Application
- 7 Work With Pages and Flows
-
8
Work With Components
-
Add Components to Pages
- Opt In to JET Core Pack Components
- Add a Component Using Code Completion
- Bind a Component to Data
- How Do Quick Starts Work?
- Add an Image to a Page
- Add an Icon Component to a Page
- Add a Camera Component to a Page
- Filter Data Displayed in a Component
- Sort Data Displayed in a Component
- Use Conditions to Show or Hide Components
- Use Converters to Change Date and Time Formats and Time Zones
-
Add Dynamic Components to Pages
- What are Dynamic Components?
- How to Create Layouts With Dynamic Components
- Add a Dynamic Table to a Page
- Add a Dynamic Form to a Page
- Add Display Logic to Determine What's Displayed at Runtime
- Use Field and Form Templates
-
Use Business Rules With Your Rule Sets
- What Are Business Rules?
- Work with Business Rules
- Display Messages When Conditions Are Met
-
Edit a Field's Properties
- Set a Field to be Read Only
- Set How User Assistance is Rendered in a Layout
- Set a Field as Required
- Specify How a User Input Overrides a Field Value
- Map a Field to a Global Field Template
- Use Conditions to Show or Hide Fields in a Layout
- Configure How Columns Render in a Dynamic Table's Layout
- Set a Field to Display as a Text Area in a Form
- Add Converters and Validators to a Field
- Add a Dynamic Container to a Page
- Create Fields For a Layout
- Work With Custom Web Components
-
Add Components to Pages
- 9 Work with Variables and Types
-
10
Work With JavaScript Action Chains
- About Action Chains
- About the Action Chain Editor
- About the Action Chain Code
- Visually Create an Action Chain
-
Built-In Actions
- Add an Array Operation Action
- Add an Assign Variable Action
- Add a Call Action Chain Action
- Add a Call Component Action
- Add a Call Function Action
- Add a Call REST Action
- Add a Call Variable Action
- Add a Code Action
- Add a Fire Data Provider Event Action
- Add a Fire Event Action
- Add a Fire Notification Action
- Add a For Each Action
- Add a Get Dirty Data Status Action
- Add a Get Location Action
- Add an If Action
- Add a Login Action
- Add a Logout Action
- Add a Navigate Back Action
- Add a Navigate To Flow Action
- Add a Navigate To Page Action
- Add an Open URL Action
- Add a Reset Dirty Data Status Action
- Add a Reset Variables Action
- Add a Return Action
- Add a Run In Parallel Action
- Add a Scan Barcode Action
- Add a Share Action
- Add a String Operation Action
- Add a Switch Action
- Add a Try-Catch Action
- Custom Actions
- Start an Action Chain
- Test Action Chains
-
11
Work With JSON Action Chains
- About Action Chains
- Create an Action Chain
-
Built-in Actions
- Add an Assign Variables Action
- Add a Call Action Chain Action
- Add a Call Component Action
- Add a Call Function Action
- Add a Call REST Action
- Add a Call Variable Action
- Add a Fire Data Provider Event Action
- Add a Fire Event Action
- Add a Fire Notification Action
- Add a Get Location Action
- Add a Reset Variables Action
- Add a Login Action
- Add a Logout Action
- Add a Scan Barcode Action
- Add a Take Photo Action
- Add a Share Action
- Add a For Each Action
- Add an If Action
- Add a Return Action
- Add a Run In Parallel Action
- Add a Switch Action
- Add a Navigate Action
- Add a Navigate Back Action
- Add an Open URL Action
- Custom Actions
- Test Action Chains
- Start an Action Chain
- 12 Work With Events and Event Listeners
- 13 Work With Application Resources
- 14 Work With Code
- 15 Work With the Diagram View
-
16
Work With Fragments
- Create and Add a Fragment to a Page
- Manage Fragment Settings
- Reuse a Fragment
-
Pass Data Between a Fragment and Its Parent Container
- Enable Fragment Variables as Input Parameters
- Enable Page Variables to Provide Initial Values for a Fragment's Input Parameters
- Automatically Write Back a Fragment Variable's Value to Its Container Variable
- Automatically Create and Wire a Fragment Variable on Its Container
- Sample Scenario: Create a Fragment and Pass Values
- Create Custom Events that Emit to a Fragment's Parent Container
- Automatically Wire a Fragment's Custom Event to the Parent Container
- Set the Binding Type for Variables in Dynamic Components
- Pass a Fragment's Context to VDOM or Custom Web Components
- Defer Rendering of a Fragment's Content
- Add Slots to a Fragment
- Customize How Fragment Properties Display in the Properties Pane
-
Part IV Augment Applications
- 17 Enable Progressive Web App Support
- 18 Secure the Application
- 19 Add Offline Capabilities to Your Application
- 20 Optimize Your App for Search Engines
- 21 Work With Translations
-
Part V Manage Applications
-
22
Manage Your Visual Application With Git
- Review the Process
- Pull Changes from the Remote Branch
- Make Your Changes Public
- File-Management Operations
- Keep Your Local and Remote Branches in Sync to Avoid Conflicts
- Resolve Conflicts Using the Git Panel
- Stash Your Changes
- Revert Commits
- Cherry-Pick Commits Between Branches
- Create or Switch a Branch
- Rename a Branch
- Delete a Local Branch
- Push a Scratch Repository to a Remote Repository
- View Git History
-
23
Preview, Share, and Deploy Visual
Applications
- What Happens When You Share and Deploy Visual Applications?
- Preview a Visual Application
- Share a Visual Application
- Optimize Your Application For Sharing
- Deploy a Visual Application
- Set Version Information for Your Application
- Specify a Custom App URL
- Deploy to Test and Production Instances
- Create or Renew OAuth Tokens for Your Environment's Instances
- Manage Deployed Visual Applications
- 24 Manage Runtime Dependencies for Visual Applications
- 25 Test and Debug Applications
-
26
Audit, Build, and Deploy Visual Applications Using Grunt
- Overview
- Build Your Application With Grunt
-
Grunt Tasks to Build Your Visual
Application
- About VB Studio Grunt Build Tasks
- vb-application
- vb-archive
- vb-clean
- vb-credentials
- vb-css-minify
- vb-deploy
- vb-export
- vb-fa-generate-base-app-config
- vb-image-minify
- vb-json-minify
- vb-manifest
- vb-optimize
- vb-optimize-cdn
- vb-package
- vb-prepare
- vb-prerender-cache-warm
- vb-process-local
- vb-process-raw
- vb-process-raw-index-html
- vb-pwa
- vb-pwa-splashscreen
- vb-require-bundle
- vb-require-bundle-clean
- vb-serve
- vb-test
- vb-watch
- Customize Your Grunt Build Process
- Audit Your Application Using the vb-audit Grunt Task
-
22
Manage Your Visual Application With Git
-
Part VI Use Cases & Troubleshooting
-
27
Common Use Cases
- Work With Code Samples
- Change an Application's Logo
- Style and Theme VB Studio Applications
- Add Login and Logout Capabilities to an Application
- Create a Custom Lock Page
- Use a SOAP Web Service With VB Studio
- Run VB Studio Applications On Other Servers
- Embed a Web App in an Oracle Cloud Application
- Call Server-side Functionality from VB Studio
- Add the Oracle Digital Assistant to Your Web App
- Abort Pending REST Calls in VB Studio
- Forms
-
Tables
- Modify a Table's Default Display
- Reorder Columns in a Table
- Sort Data in Table Columns
- Enable Resizing of a Table Column
- Wrap Table Text
- Add Columns to an Existing Table
- Format Row Values in a Table Conditionally
- Create a Search Filter for a Table
- Create an Editable Table
- Update Pagination Behavior for a Table
- Enable Text Selection in a Table
- Pages and Flows
- Components
- Business Objects
-
28
Troubleshooting & FAQs
- How Do I Find the URL of My VB Studio Instance?
- How Do I Find My Application's Runtime Version?
- How Do I Clear My App's Resource Cache?
- How Do I Write Expressions If a Referenced Field Might Not Be Available Or Its Value Could Be Null?
- How Do I Resolve Web Component Loader Issues?
- How Do I Resolve a 'Method Not Allowed' Error?
- How Do I Resolve a 'No Such File' Error for the URI.js File?
- How Do I Exclude a JavaScript Library from a Packaging Job
- How Do I Fix a Missing Scroll Bar in a Table?
- How Do I Access Components After Upgrading?
- How Do I Fix a Currency Component’s Value Disappearing In Mobile Browsers
- How Do I Set a Custom Content-Security-Policy Header?
- Troubleshooting Access Issues
- Troubleshooting Service Connections
-
Troubleshooting Business Objects
- What Is The Maximum Data Limit for Business Objects?
- How Do I Resolve Database Connection Problems?
- How Do I Resolve a "Failed to verify the target database" Error When Switching the Tenant's Database
- How Can I Access Business Object Data?
- How Do I Resolve a "Maximum Number of Sessions Exceeded" Error?
-
27
Common Use Cases