| Chinese | ||||||
|---|---|---|---|---|---|---|
|
| Thai | ||||||
|---|---|---|---|---|---|---|
| ||||||
| Tip | ||||||
| ||||||
| Advanced Tools can be found inside the Form Builder, Datalist Builder as well as in the Userview Builder. |
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
New feature added in Joget DX:
|
Figure 1: Accessing the Advanced Tools in Form Builder
Figure 2: Advanced Tools - Tabs
Table of Contents
Introduction
| English |
|---|
Advanced Tools can be found inside the Form Builder, Datalist Builder, Userview Builder as well as the Process Mapper. Addon Builder plugins also have access to this feature. |
| Chinese |
|---|
高级工具 可以在表单设计器，列表设计器以及用户视图设计器中找到。 |
| Thai |
|---|
เครื่องมือขั้นสูง (Advanced Tools) สามารถพบได้ภายในตัวสร้างฟอร์ม (Form Builder) ตัวสร้างDatalist (Datalist Builder) เช่นเดียวกันใน ตัวสร้างUserview (Userview Builder) |
Get Started
The easiest way to see how to access the Advanced Tools is to use the existing built-in App Expenses Claims. Here are the steps:
- Start the Joget Server and open the App Center.
- Log in as admin and click on the pencil icon on the Expenses Claim to open the Design App. (see Figure 1)
Figure 1
3.Click on Expense Claim New and you will be directed to the Form Builder.
4.Click on Advanced Tools on the top right.
Figure 2
5.In Advanced Tools, you will find 5 6 tabs in all the builder mentioned and 6 tabs in the Form Builder. builders mentioned with the exception of Form Builder and Process Mapper (see Figure 3).
- In Form Builder, the
...
- additional tabs are Table and Tooltip.
- In the Process Mapper, there is only one tab which is the i18n Internationalization
Figure 3
Advanced Tools Properties
Tree Viewer
| Chinese |
|---|
树查看器 |
| Thai |
|---|
ตัวแสดงแผนภูมิ (Tree Viewer) |
| Table of Contents |
|---|
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 spot any anomaly and fixes it immediately without too much of hassle and time spent.
| Chinese |
|---|
第一个选项卡中的树状查看器为应用设计人员提供了整体结构/定义视图，以便人们可以很容易地发现异常并立即修复，而不会花费太多的麻烦和时间。 |
| Thai |
|---|
ตัวแสดงแผนภูมิในแท็บแรกให้ตัวออกแบบแอปที่มีโครงสร้าง/มุมมองคำนิยามโดยรวมเพื่อให้สามารถจุดที่ผิดปกติใดๆและแก้ไขได้ทันทีโดยไม่ต้องยุ่งยากมากเกินไปและเวลาที่ใช้ |
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
| Chinese |
|---|
点击节点右侧的编辑（铅笔）图标，可以立即配置/编辑其属性。在保存属性时，树型浏览器将自行刷新。 |
| Thai |
|---|
คลิกที่ไอคอนแก้ไข (ดินสอ) ทางด้านขวาของโหนดที่ช่วยให้หนึ่งในการกำหนดค่า/แก้ไขคุณสมบัติได้ทันทีเมื่อบันทึกคุณสมบัติ, ผู้ชมต้นไม้จะรีเฟรชตัวเอง. |
Figure 5: Advanced Tools - Permission - Form BuilderEditing a node
Permission
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 PermissionForm Builder Permission
Clicking on the "Add Permission" button allows one to configure the permission setting rule for a role/group based on a permission type and determining type (see Figure 7).
Figure 7 Configure Permission
For each Permission rule added, determine which element will be visible for the selected role under the Authorized column.
Visibility controls differ based on Builder types :(see Figure 6, 8 & 9)
Figure 7: Advanced Tools - Permission - Datalist Builder8 Datalist Builder Permission
Figure 8: Advanced Tools - Permission - Userview Builder
Usages
9 Userview Builder Permission
The permissions in the advanced tool will follow the order of the list, with the highest permission in the list having the highest priority. It will override any permissions below it if your user is applicable to multiple permissions.
For the Form Builder, additional permission can be set at the Section element and determine whether they are hidden or read-only under the Unauthorized column on the right.
For the Datalist Builder, determine which column/filter is visible. Additionally, determine which columns are visible during export.
For the Userview Builder, additional permission can be set at the Userview Category element.
| Info | ||
|---|---|---|
| ||
Newly introduced in Joget DX |
Usages
| Chinese |
|---|
用法 |
| Thai |
|---|
การใช้ (Usages) |
| Description |
|---|
...
In the second tab, the app designer can inspect |
...
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 a feature, the app designer will be able to manage the form design well within the scope of its usages.
|
Table
| Chinese |
|---|
表 |
| Thai |
|---|
ตาราง (Table) |
| Description |
|---|
...
The table tab is available in the Form Builder. With this feature, the 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 |
...
are other apps that are writing to the same table too. At the bottom of it, existing table columns are listed down for the app designer's reference.
|
i18n Internationalization
| Chinese |
|---|
国际化 |
Figure 7: Advanced Tools - i18n Internationalization
| Description |
|---|
Labels defined in the builder will be automatically listed down here for internationalization |
...
purposes. We can define in as many languages as we want to.
|
Tooltip
| Description | |||||
|---|---|---|---|---|---|
Labels defined in the builder will be automatically listed down here for tooltip purposes. We can define in as many languages as we want to.
|
Diff Checker
| Thai |
|---|
ตัวตรวจสอบ Diff (Diff Checker) |
| Description |
|---|
...
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 that have been made since the initial first load of his/her builder against the copy in the server. Click |
on the Merge & Update button will ensure that all modifications are merged.
|
JSON Definition
| Chinese |
|---|
JSON定义 |
| Description |
|---|
...
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.
|