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 the Business Object Diagrammer
- Switch to Your Own Database Schema for Business Objects
-
5
Work with Services
- Manage Backends in Your Visual Application
-
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
-
4
Work with Business Objects
-
Part III Develop Applications
- 6 Develop Your Application
-
7
Work with Pages and Flows
- Use the Page Designer
- Create and Manage Pages
- Create Pages From Templates
-
Add Components to Pages
- 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
- Use Conditions to Show or Hide Components
-
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
- Create a Layout for a Dynamic Table or Form
- Preview Different Layouts
- Use Field and Form Templates
- Edit a Field's Properties
- Add a Dynamic Container to a Page
- Create Fields For a Layout
- Create and Manage Flows
- Customize Your App's Root Page
- Work With Custom Web Components
- Navigate Between Pages and Flows
- Work With Code Editors
- Use the Diagram View
- 8 Work with Variables and Types
-
9
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 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 Process 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 Switch Action
- Add a Try-Catch Action
- Custom Actions
- Start an Action Chain
- Test Action Chains
-
10
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
- 11 Work with Events and Event Listeners
- 12 Work With Application Resources
-
13
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
- 14 Enable Progressive Web App Support
- 15 Secure the Application
- 16 Add Offline Capabilities to Your Application
- 17 Optimize Your App for Search Engines
-
18
Work with Business Processes
- About Using Processes in Your Application
- Add a Business Process to an Application
- Modify a Business Process Alias
- Navigate to Your Process Instance
- Add a Process to a Page
- Add a Process to an Action Chain
- Start and Complete Processes from Visual Builder
- Configure the Connection to a Process Server
- Process Server Authentication Options
- Add the Oracle Process Cloud Service URL
- 19 Work with Translations
-
Part V Manage Applications
- 20 Manage Your Visual Application
- 21 Integrate Your Visual Application With a Git Repository
- 22 Test and Debug Applications
-
23
Stage and Publish Visual Applications
- What Happens When You Stage and Publish Visual Applications?
- Stage a Visual Application
- Publish a Visual Application
- Optimize Your Application
- View Database Schemas Used During an App's Lifecycle
- Specify a Custom App URL
- Update a Published Visual Application
- Roll Back Application to the Previously Published Version
- 24 Manage Runtime Dependencies for Visual Applications
-
25
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
- Audit Your Application Using the vb-audit Grunt Task
-
Part VI Use Cases & Troubleshooting
-
26
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
- Access Data in an Existing Oracle Database Using ORDS
- 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
-
27
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 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
-
26
Common Use Cases