Book Image

Effortless App Development with Oracle Visual Builder

By : Ankur Jain
Book Image

Effortless App Development with Oracle Visual Builder

By: Ankur Jain

Overview of this book

Organizations are moving their applications, data, and processes to the cloud to reduce application costs, effort, and maintenance. However, adopting new technology poses challenges for developers, solutions architects, and designers due to a lack of knowledge and appropriate practical training resources. This book helps you get to grips with Oracle Visual Builder (VB) and enables you to quickly develop web and mobile applications and deploy them to production without hassle. This book will provide you with a solid understanding of VB so that you can adopt it at a faster pace and start building applications right away. After working with real-time examples to learn about VB, you'll discover how to design, develop, and deploy web and mobile applications quickly. You'll cover all the VB components in-depth, including web and mobile application development, business objects, and service connections. In order to use all these components, you'll also explore best practices, security, and recommendations, which are well explained within the chapters. Finally, this book will help you gain the knowledge you need to enhance the performance of an application before deploying it to production. By the end of this book, you will be able to work independently and deploy your VB applications efficiently and with confidence.
Table of Contents (23 chapters)
1
Section 1: Exploring the Building Blocks of VB
5
Section 2: Working with Data and Services
10
Section 3: Building Web and Mobile Apps Using Various VB Components
15
Section 4: Security, Recommendations, Best Practices, and Troubleshooting

Working with various UI logic

In this section, we'll see how to implement different logic for UI components, such as logic for hiding/showing UI components, calculating values, enabling a logout feature, and so on.

In this section, we are going to cover the following:

  • Hiding/showing UI components
  • Calculating fields
  • Enabling a logout feature
  • Validating input using a regex

Hiding/showing UI components

It's a very frequent requirement to hide or show UI components when some other UI component is interacted with. For example, you might show a form if the user clicks on a button and hide the form when the user clicks on the button again.

The following are the steps to take to hide/show UI components using JavaScript:

  1. Create a new web page with the main-ui-logics Page ID under the chapter7 web application.
  2. Drag and drop the UI components on the page as per the following table:
    Table 7.2 – A table of UI components

    Table 7.2 – A table of UI components

    Make sure all...