Introduction
Form Builder makes it easy for you to design your forms. You can easily build a web form by using the drag and drop method.
Figure 1: Form Builder
New Feature
In Joget DX 8 Form Builder, users can now search for palettes and also favourite their palette.
The user can search for the palette they desire by clicking on the search palette as shown in Figure 2.
Figure 2: Search Palette
Then type the name of the palette they want for example text, as shown in figure 3.
Figure 3: Search Palette Result
To favourite a palette, the user can do so by hovering their mouse cursor over a palette as shown in Figure 4. Then click the star icon to favourite the palette.
Figure 4:Â Favourite Palette
As shown in Figure 5, the favourited text field now shows at the top instead of the hidden field.
Figure 5: Favourite Palette Result
New Feature
In Joget DX Form Builder, the following are new features in the Advance Tools tab: Permission and Tooltip.
Keyboard Shortcut Keys
| Shortcut Key | Description |
|---|---|
| Ctrl + S | Save Builder |
| Ctrl + C | Copy Element |
| Ctrl + V | Paste Element |
| Ctrl + Z | Undo |
| Ctrl + Shift + Z | Redo |
Form Design Elements
Form Data Store
- Bean Shell Form Data Store
- Database SQL Query
- Database Wizard Form Data Store
- Default
- Directory Form Data Store
- JSON Form Data Store
- Parent Form Data Store
Form Element
- Advanced Grid
- AJAX Subform
- Calculation Field
- Captcha
- Check Box
- Custom HTML
- Date Picker
- File Upload
- Form Column
- Form Grid
- Grid
- Hidden Field
- ID Generator Field
- Image Upload
- List Grid
- Multi Paged Form
- Multi Select Box
- Password Field
- Popup Select Box
- Radio
- Rich Text Editor
- Section
- Select Box
- Signature
- Spreadsheet
- Subform
- Text Area
- Text Field
- Time Picker
Form Options Data Store
- Bean Shell Options Data Store
- Database SQL Query Options
- Database Wizard Options Data Store
- Department Options
- Form Data Options
- Grade Options
- Group Options
- JSON API Options
- Multiple Form Row
- Organization Options
- User Options
Form Settings
Form Validator
- Grid Validator
- BeanShell (Multirow) Validator
- Password Validator
- Equal Value Validator
- Duplicate Value Validator
- Directory Validator
- Basic Validator
- BeanShell Validator
Generate App
Usages
This particular section lists down elements that are making use of forms created using the Form Builder.
UI Element
Form Element
Form Validator
Form Data Store
Map Tools to Plugins
- Import Tool
- Export Form Email Tool
- Update Form Data Tool
- ID Generator Tool
- JSON API Tool
- Preset Form Data Tool
- SOAP Tool
Builder Advanced Tools
Demo Apps, Tutorial and Plugins from Joget Marketplace
Do try out the many free apps, tutorials and plugins for Joget Form elements.