Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

1. Start the Joget server and open the   App Center .

2. Log in as in as admin and click on   Design New App  (See Figure 3) or click on existing application.

...

NameDescription
Button Position

The position of buttons  in the Userview:

  • Top Left
  • Top Right
  • Bottom Left
  • Bottom Right
  • Top Left & Bottom Left
  • Top Right & Bottom Right
Selection Type

The type record selector in the userview:

  • Multiple: Allow users to select multiple or all thsimultaneously same timethe records simultaneously.
  • Single: Allow users to select only one record at a time.
Selector Position

The position of the record selector in the userview:

  • Left
  • Right
  • Both left & right
  • No
New Record Button Label

New Record Button Label to be displayed to the end-user.

Default   Value: New

Edit Link Label

Edit Record Button Label to be displayed to the end-user.

Default   Value: Edit

Delete Button Label

Delete Record Button Label to be displayed to the end-user.

Default   Value: Delete

Custom HeaderCustom Header in HTML.
Custom FooterCustom Footer in HTML

Figure 12 UI (Add) properties of Plugin Template Management

...

Panel
borderColorRed
titleColorWhite
titleBGColor#f45555
borderStylesolid
titleNote

Read Performance Improvement with Userview Caching for more information


PWA Offline Settings

...

Panel
borderColorRed
titleColorWhite
titleBGColor#f45555
borderStylesolid
titleNote

ReadProgressive Web Application (PWA) for more information.

UI of Plugin Template Management

...

Figure 16 Choose Plugin Template - Datalist Formatter for the "Formatter" field

8. Navigate to General > Action Mapping > Formatter > Plugin Template - Datalist Formatter  and choose the template that has been created and press OK to apply it. (See Figure 17)

...

11. Using one Plugin Template created, we can now apply the effect and format of the template to as many columns as we want in the Datalist builder increasing efficiency and reducing the chance of human error. (See Figure 19)

Figure 19 19 Columns with Plugin Template - Datalist Formatter applied

Userview/ Form Permission

...

2. Fill up the Plugin Template Management Page accordingly and for the "Plugin" field choose any one of the formatter under Userview Permission or Form Permission. The  is Admin is chosen for the Plugin field. (See Figure)

...

1. The Permission plugin template created can be applied at the  Userview  itself or at the  Userview Category  level in the Userview using the  Permission Control  feature.

2. For applying the Permission plugin template at the Userview   itself, go to the Userview Builder, select Settings, navigate to Configure Layout > Theme (DX Progressive Theme) > Configure Permission  and choose Plugin Template - Permission for the Permission Type field. (See Figure)

...

4.  For applying the Permission plugin template at the Userview Category level, go to the Userview Builder, select the permission icon of the category and choose Plugin Template - Permission for the Permission Type field. (See Figure)

...

Panel
borderColorRed
titleColorWhite
titleBGColor#f45555
borderStylesolid
titleNote

The Permission tab in the Advanced Tool (Advanced Tools > Permission) of the Userview Builder can utilize the Permission Plugin template created to provide the app designer with fine-grain control over managing the permissionndividual permissions of each individual element in the builder.

For Form

1. The Form Permission plugin template created can be applied at the  Form  or  the  Form  or  Form Section  level  level using the   Permission Control feature.

2. For applying the Form Permission plugin template to the Form itself, go to the Form Builder of the form, select Properties, navigate to Edit Form > Advanced,   and choose Plugin Template - Permission for the Permission Type field. (See Figure)  

...

Figure Choose Plugin Template - Permission for the "Permission" field

3.  Navigate to Permission Type (Plugin Template - Permission), select the template you have created, and save the Userview by clicking the "Save" button..  (See Figure)

Figure Select the created Plugin Template

4.  For applying the Permission plugin template at the Form Section level, go to the Form Builder, select the Edit Section icon of the section, navigate to Edit Section > Data Binder > Advanced Options and choose Plugin Template - Permission for the Permission Type field. (See Figure)

...

Panel
borderColorRed
titleColorWhite
titleBGColor#f45555
borderStylesolid
titleNote

The Permission tab in the Advanced Tool (Advanced Tools > Permission) of the Form Builder can utilize the Permission Plugin template created to provide the app designer with fine-grain control over managing the permissionndividual permissions of each individual element in the builder.

Process Tool

Steps to use the Plugin Template - Process Tool:

...

2. Fill up the Plugin Template Management Page accordingly and for the "Plugin" field choose any one of the formatter under Process Tool. The Email Tool is chosen for the Plugin field in this Demo App. (See Figure)

...

Figure Fill up the Plugin Template details

3. Configure Email Tool by clicking the "Configure Plugin" button and then clicking the "Submit" button to save the configuration. Save the Plugin Template by clicking the "Save" button. (See Figure)

...

5. Go to the Processes tab and navigate to Map Tools to Pluginsand map your Process Tools to the appropriate Process Tool Template created by clicking on the "Add/Edit Plugin" button. (See Figure)

...

Figure Choose Plugin Template - Prcoess Process Tool 

7. Select the Template created for your Process Tool and click submit to save your tool mapping. (See Figure)

...

6. 3. Fill up the Plugin Template Management Page accordingly and for the "Plugin" field choose any one of the formatter under Form Options BinderThe Default Form Options Binder is chosen for the Plugin field in this Demo App. (See Figure)

...

Figure Fill up the Plugin Template details

7. Configure the Default Form Options Binder plugin by clicking the "Configure Plugin" button. Select the Country Categories form as the source form, point to the correct form field to represent the labels for each of the options values, and click the "Submit" button to save the configuration. (See Figure)

...

12. Save the form and preview the form to check the results. (See Figure)

Figure Check results


Form Validator

Steps to use the Plugin Template - Form Validator:

...

2. Fill up the Plugin Template Management Page accordingly and for the "Plugin" field choose any one of the formatter underForm Validator.As we want to make the form fields "Mandatory", we have to select Default Validator. (See Figure)

Figure Fill up the Plugin Template details

3. Configure the Default Validator Plugin by clicking the "Configure Plugin" button. Make sure the Mandatory property is checked and then click the "Submit" button to save the configuration. Save the Plugin Template by clicking the "Save" button. (See Figure)

...

8. Launch the app and enter the Plugin Template Form page and the fields that are set with the Plugin Template will have an asterisk (*) to indicate they are mandatory fields. (See Figure)

Figure 

Figure Check results