New feature added in Joget DX:
- Permission Tab
- Tooltip Tab
Figure 1: Accessing the Advanced Tools in Form Builder
Figure 2: Advanced Tools - Tabs
In Advanced Tools, you will find 6 tabs in all the builder mentioned and 7 tabs in the Form Builder. In Form Builder, the additional tabs are Table and Tooltip.
Tree Viewer
Figure 3: Advanced Tools - Tree Viewer
The tree viewer in the first tab provides the app designer with the overall structure/definition view so that one can easily spots any anomaly and fixes it immediately without too much of hassle and time spent.
Figure 4: Advanced Tools - Tree Viewer - Editing a Node
Clicking on the edit (pencil) icon on the right of the node allows one to configure/edit its properties right away. Upon saving of the properties, the tree viewer will refresh itself.
Permission
Figure 5: Advanced Tools - Permission - Form Builder
The Permission tab provides the app designer with fine grain control over managing the permissions of each individual element in the builder.
Figure 6: Advanced Tools - Permission - Configure Permission
Clicking on the "Add Permission" button allows one to configure the permission setting for a role / group based on a permission type and determining which element will be visible for the selected role.
Visibility controls differ based on Builder types:
Figure 7: Advanced Tools - Permission - Datalist Builder
Figure 8: Advanced Tools - Permission - Userview Builder
Usages
Figure 9: Advanced Tools - Usages
In the second tab, app designer can inspect on where the current entity is being used. From the screenshot example above, we can tell that the form is being used in another form and also being part of a workflow process. With such feature, app designer will be able to manage the form design well within the scope of its usages.
Table
Figure 10: Advanced Tools - Table
The table tab is available in the Form Builder. With this feature, app designer can tell on which other entity is sharing/writing into the same database table the current form is currently pointing too. From the screenshot example above, we can see that the table is being accessed by multiple process tools and forms.
We can also click on the Show Table Usage In Other Apps to check if there's other apps that are writing to the same table too.
At the bottom of it, existing table columns are listed down for app designer's reference.
i18n Internationalization
Figure 11: Advanced Tools - i18n Internationalization
Labels defined in the builder will be automatically listed down here for internationalization purpose. We can define in as many languages as we want to.
Tooltip
Figure 12: Advanced Tools - Tooltip
Labels defined in the builder will be automatically listed down here for tooltip purpose. We can define in as many languages as we want to.
Diff Checker
Figure 13: Advanced Tools - Diff Checker
The Diff Checker capability makes collaborative works possible without losing the modifications done by other teammates who are working on the same entity at the same time. In this section, one can tell which are the changes have been made since the initial first load of his/her builder against the copy in the server. Click on Merge & Update button will ensure that all modifications are merged.
Upon pulling the latest changes from the server, clicking on Merge & Update will merge the changes, but will NOT automatically save the form, to allow users to continue editing.
Take note that the Diff Checker does NOT pull changes from the server in real-time. To see new changes, click into the Diff Checker tab again.
JSON Definition
Figure 14: Advanced Tools - JSON Definition
We can inspect the actual definition of the entity that we are working on here. If required, we can amend the definition within the text editor itself and click on the Update button to commit.