Found 1023 results.
Discover how AI-powered HR solutions are transforming workforces – join us in London to enhance employee
experience and drive business growth. Register now!
Learn how to create custom, reusable pages using Fragments in Oracle Visual Builder Studio (VBS). This step-by-step guide covers fragment creation, UI design, data binding, and integration for faster, modular development.
Creating scalable, maintainable enterprise applications can be challenging, especially as user interfaces grow in complexity. Oracle Visual Builder Studio (VBS) simplifies this process with its low-code development capabilities and support for reusable components like Fragments.
Fragments are modular UI building blocks that can be embedded across multiple pages within your application. They’re ideal for managing complex layouts involving tabs, panels, or dynamic sections, helping developers maintain cleaner, more organized code. This approach not only accelerates development but also enhances performance and makes future updates easier.
A fragment is a reusable UI component that can be included within an App UI or embedded into the configuration of another App UI.
For instance, in a large application with complex pages, such as those using foldout layouts or multiple panels and tabs, managing and rendering the UI can become difficult and resource-intensive. By placing the content of each tab or panel inside a fragment, you can modularize the UI logic. This approach makes it easier to maintain individual sections separately. Moreover, fragments can be reused across different pages or even serve as standalone page templates.
Fig 1: Image of the Fragments Page in Visual Builder Studio
Navigation: Configuration >> Visual Builder
Fig 2: Navigation Path of VBS
Fig 3: Selecting Project and Workspaces
Fig 4: VBS view with APP UIs
Fig 5: View of the Fragment creating Page
Fig 6: View of Create Fragment
Fig 7: Fragment View
Fig 8: Fragment Title and Description
Fig 9: Page Format Icon View
Fig 10: Choosing Page Fragment Icon
Fig 11: Components dragged into the main page
Fig 12: Change the Label in the search bar
Fig 13: Add Options View
Fig 14: Select the Country Option
Fig 15: Dropdown Options Selection
Fig 16: Click on Finish
Fig 17: View of Country list
Fig 18: Input Variable Created View
Fig 19: View of APP UI Diagram
Fig 20: Fragment Container View
Fig 21: Selecting the created Fragment
Fig 22: Country List in APP UI main search
Fig 23: Clicking on the Preview button
Fig 24: Custom Page view
Fragments in Oracle Visual Builder Studio offer a smart, efficient way to build modern enterprise applications. By enabling the reuse of UI components, they not only reduce development time but also improve consistency, performance, and maintainability across your application.
Whether you’re working on complex layouts or looking to streamline your development process, using fragments can significantly enhance your project’s scalability and modularity. With proper planning and integration, fragments become a foundational part of a clean, maintainable application of architecture.
At Kovaion, we help organizations accelerate low-code development by unlocking the full capabilities of Oracle Visual Builder Studio (VBS). With our expertise in modular architecture and reusable components like Fragments, we enable teams to build scalable, maintainable applications faster and more efficiently. From custom page creation to seamless data integration, Kovaion empowers you to design dynamic, performance-optimized UIs with ease.
Partner with us to elevate your Visual Builder projects with best practices, expert guidance, and end-to-end implementation support.
Author: Yashwanth Gowda H R, Oracle Fusion HCM Techno-Functional Consultant
Connect with us for End-to-End Implementation, Enhancement, Updates, and Support for Oracle HCM.
Read MoreThis website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.
