Visual Builders

Visual Builders in Joget DX 8 empower users with intuitive tools to streamline form creation, list management, UI design, and process automation. Each builder enhances usability and functionality, ensuring efficient application development and customization.

Builders

• Form Builder
• List Builder
• UI Builder
• Process Builder
• Builder Advanced Tools
• Styles

This section explores the capabilities of Joget DX 8 Visual Builders, providing tools to create and manage:

• Form layouts with comprehensive, responsive design previews.
• Lists with enhanced control and device compatibility.
• Custom UIs with efficient element customization and responsive design previews.
• Automated processes with streamlined configurations and device-specific previews.

Details the capabilities in various Joget DX 8 Builders, focusing on improving usability and functionality across form creation, list management, UI design, and process automation.

Form Builder

The Form Builder now incorporates a Property Editor, simplifying modifying form element properties. Users can easily search for specific properties using the new search functionality within the editor.

The blue check box (seen on the top left of Figure 1) allows you to automatically save any changes applied to an element once the property editor is closed. You can close the property editor by clicking the X button next to the blue check box. 

Additionally, the ability to view form layouts across Desktop, Tablet, and Mobile devices provides a comprehensive preview for responsive design.

• Tablet
  
• Mobile
  

In the form builder's element palette, you can search for an element using the search bar (the search palette text box). You can also add elements to your favorites by clicking on the star icon so that they show up at the top of that element category.

List Builder

Like the Form Builder, the List Builder integrates a Property Editor and supports property search, enhancing user control over list configurations. It also offers previews across different devices to optimize list display compatibility.

• Tablet
  

• Mobile
  

• Element Palette
  

UI Builder

The UI Builder introduces a Property Editor and search capabilities within its palette, empowering users to customize user interface elements efficiently. Like the other builders, it allows previews across Desktop, Tablet, and Mobile views for responsive UI design.

• Tablet
  

• Mobile
  

• Element Palette
  

Process Builder

Incorporating advanced features similar to other builders, the Process Builder enhances process automation with a Property Editor and palette search functionalities. It supports previewing processes across different devices to ensure seamless user experience across platforms.

• Element Palette