| Table of Contents |
|---|
Introduction
| English |
|---|
| This article discusses all the new features found throughout different Joget DX 8 Builders. |
| Icons | Form Builder | List Builder | UI Builder | Process Builder |
|---|---|---|---|---|
| Search Palette | ✓ | ✓ | ✓ | ✓ |
| Add to Favourite | ✓ | ✓ | ✓ | ✓ |
| Property Editor | ✓ | ✓ | ✓ | ✓ |
| Search Property | ✓ | ✓ | ✓ | ✓ |
| View as Desktop, Tablet and Mobile | ✓ | ✓ | ✓ | ✘ |
| Suggest ID based on Label | ✓ | ✘ | ✓ | ✘ |
Form Builder
The new Form Builder features the property editor, a new tool that allows you to easily modify a form element's properties. You can access the property builder by clicking on any form element.
The property editor now has a search box (which contains the text "Search Properties" in Figure 1) which allows you to search through an element's properties easily. The blue check box (seen in 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 on the "X" button next to the blue check box.
Figure 1: Form Builder Property Editor
The property editor Form Builder now also allows you to change an element's style based on the device that the app will be viewed on (Desktop, tablet or mobile).
Figure 2: Form Builder Property Editor - Styles
List Builder
allows you to see how your form will be viewed from 3 different types of devices, Desktop, tablet and mobile. The Default view is Desktop.
Figure 2: Form Builder - View as Tablet
Figure 3: Form Builder - View as Mobile
The form builder's element palette has 2 new features. You are now able to search for an element within the palette using the search bar (the "search palette" text box). You can also add elements to your favourites by clicking on the star icon on them so that they show up at the top of that element category (Figure 4).
Figure 4: Form Builder - Element Palette - Search Palette and Add to Favorites
List Builder
The new List Builder also features the property editor, search properties, search palette and view as Desktop, Tablet and Mobile features.
Figure 5: List Builder Property Editor
Figure 6: List Builder - View as Tablet
Figure 7: List Builder - View as Mobile
Figure 8: List Builder - Element Palette - Search Palette and Add to Favourites
UI Builder
The new UI Builder also features the property editor, search properties, search palette and view as Desktop, Tablet and Mobile features.
Figure 9: UI Builder Property Editor
Figure 2: UI Builder - View as Tablet
Figure 3: UI Builder - View as Mobile
The form builder's element palette has 2 new features. You are now able to search for an element within the palette using the search bar (the "search palette" text box). You can also add elements to your favourites by clicking on the star icon on them so that they show up at the top of that element category (Figure 4).
Figure 4: UI Builder - Element Palette - Search Palette and Add to Favorites
Process Builder
The new Process Builder also features the property editor, search properties, search palette and view as Desktop, Tablet and Mobile features.
Figure 12: Process Builder Property Editor
The form builder's element palette has 2 new features. You are now able to search for an element within the palette using the search bar (the "search palette" text box). You can also add elements to your favourites by clicking on the star icon on them so that they show up at the top of that element category (Figure 4).
Figure 13: Process Builder - Element Palette - Search Palette and Add to Favourites
Related Documentation
...