Table of Contents
- Title and Copyright Information
- Preface
-
Part I Get Started
- 1 Welcome to Oracle Visual Builder
- 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
-
Work with the Data Manager
- Manage Data During the Development Lifecycle
- Import Data From a File Using the Data Manager
- Import Data From a Database
- Export the Data to a File from the Data Manager
- Resolve Problems When Importing Data
- Import and Export Data From the Command Line
- Create Business Objects From a File
- Set Your Own Audit Fields For Imported Business Objects
- 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
- 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
- Edit a Field's Properties
- 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
- 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
- 23 Integrate Your Visual Application With a Git Repository
- 24 Test and Debug Applications
- 25 Stage and Publish Visual Applications
- 26 Manage Runtime Dependencies for Visual Applications
-
27
Optimize Your Builds and Audit
Your Code Using Grunt
- Overview
- Build Your Application Using Oracle Visual Builder Studio
- Build Your Application Locally
-
Grunt Tasks to Build Your Visual
Application
- About Visual Builder Grunt Build Tasks
- vb-clean
- vb-process-local
- vb-deploy
- vb-optimize-cdn
- vb-optimize
- vb-prepare
- vb-prerender-cache-warm
- vb-test
- vb-require-bundle
- vb-require-bundle-clean
- vb-css-minify
- vb-image-minify
- vb-json-minify
- vb-export
- vb-manifest
- vb-package
- vb-archive
- vb-process-raw
- vb-process-raw-index-html
- vb-application
- vb-serve
- vb-pwa
- vb-fa-generate-base-app-config
- vb-pwa-splashscreen
- vb-watch
-
Customize Your Grunt Build Process
- Add Custom Functionality to Existing Tasks
- Override Existing Grunt Tasks
- Optimize a Specific Web Application
- Host an Application on a Content Delivery Network (CDN)
- Run and Configure a Multitask
- Customize Bundle Modules
- Exclude Resources from a Bundle
- Specify Options of Non-multitasks
- Specify Options for All Tasks
- Audit Your Application Using the vb-audit Grunt Task
-
Part VI Use Cases & Troubleshooting
-
28
Common Use Cases
- Work With Code Samples
- Change an Application's Logo
- Style and Theme Visual Builder Applications
- Add Login and Logout Capabilities to an Application
- Create a Custom Lock Page
- Use a SOAP Web Service With Visual Builder
- Run Visual Builder Applications On Other Servers
- Embed a Web App in an Oracle Cloud Application
- Call Server-side Functionality from Visual Builder
- Add the Oracle Digital Assistant to Your Web App
- Abort Pending REST Calls in Visual Builder
- 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
-
29
Troubleshooting & FAQs
- How Do I Find the URL of My Visual Builder Instance?
- How Do I Find My Application's Runtime Version?
- How Do I Clear My App's Resource Cache?
- How Do I View Details of Client Apps in IDCS?
- 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 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?
-
28
Common Use Cases