The Spinner component in Oracle Visual Builder Cloud Service (VBCS) provides a visual way to indicate that an operation is in progress, enhancing the user experience by notifying users that something is being loaded or processed in the background. Here’s how you can effectively use the Spinner component in VBCS.
Adding the Spinner to Your Page
To use the Spinner component, start by opening your application in VBCS. In the UI Editor, navigate to the page where you want the Spinner to appear. From the Component Palette, drag and drop the Spinner component onto your page. Typically, a Spinner is added to show while waiting for data to load or an action to be completed.
Configuring the Spinner
Once the Spinner is placed on the page, you can customize it in the Properties Panel. You can adjust properties such as the size, color, and visibility of the Spinner. You can also set the message that appears alongside the Spinner to inform users of the ongoing task.
Making the Spinner Visible
A Spinner is often hidden initially and only displayed when needed. To control its visibility dynamically, use Actions in VBCS. For example, you can show the Spinner when a data load or form submission starts, and hide it when the process completes. This is done by setting its visibility to true during the operation and to false after completion.
Example:
javascript
Copy code
// Show Spinner
$page.findComponent(‘spinnerId’).show();
// Hide Spinner
$page.findComponent(‘spinnerId’).hide();
Using the Spinner with Background Processes
Typically, you would tie the Spinner’s visibility to long-running processes such as data fetching, service calls, or form submissions. Using Event Handlers in VBCS, you can trigger the spinner to show when a process starts and hide when it finishes, ensuring the user is informed about the ongoing task.
Conclusion
Using the Spinner component in Oracle VBCS ensures a smooth and professional user interface, keeping users informed and engaged during background operations. By combining it with event handling, you can create an intuitive and responsive application experience.
— Written by Ankit Gandhi