Joget DX 8 Stable Released
The stable release for Joget DX 8 is now available, with a focus on UX and Governance.
Table of Contents |
---|
The Star Rating Plugin is a form element that users can easily click to give rating. Users can also view the rating at datalist using the datalist formatter.
Plugins Available in the Bundle:
Star Rating
This plugin bundle is compatible with Joget DX 7 and onwards.
The user is able to rate the submitted record through form element, and able to view the rated value through form or datalist formatter.
Figure 1: Form Star Rating
Figure 2: Datalist Star Rating
1. You can obtain the jar file by the latest release at https://github.com/jogetoss/star-rating.
2. Upload the plugin jar file in Joget by going to Settings → Manage Plugins.
3. You can choose to import the demo app from JogetOSS or create the app from scratch.
1. First, simply create a form and drag the Star Rating form element into the form. For plugin configurations, refer to Star Rating Plugin Properties.
Figure 3: Star Rating form element
2. Click on right up corner Generate App > Generate CRUD.
Figure 4: Generate CRUD for form
3. Go to the list generated. Add Star Rating Datalist Formatter for the same star rating field from the form.
Figure 5: Star Rating Datalist Formatter at List Builder
4. Now run the UI. Click new to add a new record and give a star rating value.
Figure 6: New Record for Star Rating
5. Click save. Now you can view the value from both the datalist and form.
Figure 7: View Star Rating at Datalist
Figure 8: Star Rating Form Element Configurations
Name | Description | |||||||
---|---|---|---|---|---|---|---|---|
Label | Menu label. | |||||||
ID * | Menu element unique ID. | |||||||
Data | Heading. | |||||||
Enable Half Value (.5)? | If checked, it will enable the capability to assign ratings with half values, such as 1.5, 2.5, 3.5, etc. | |||||||
Validator | Attach a Validator plugin to validate the input value, more information at Form Validator.
| |||||||
UI | Heading | |||||||
Readonly | Determines if the element is editable. | |||||||
Rating Color * | The color of the value of the rating. | |||||||
Hover Selected Color * | The color when hovering selected rating color. | |||||||
Hover Unselected Color * | The color when hovering unselected rating color. | |||||||
Workflow | Heading | |||||||
Workflow Variable | If the form is part of a workflow process, upon saving of the form (by clicking on "Save as Draft" or "Complete" button). The value in this input field will be saved into the corresponding workflow variable named here.
|
Figure 9: Star Rating Datalist Formatter Configurations
Name | Description |
---|---|
Enable Half Value (.5)? | If checked, it will enable the capability to assign ratings with half values, such as 1.5, 2.5, 3.5, etc. |
Rating Color * | The color of the value of the rating. |