Description:
Use this slider on the form to increment / decrement the represented value.
Inputs
- Name - Name of the widget generated by FlowWright (read-only field)
- Min Value - Provide minimum value (default is 0)
- Max Value - Provide maximum value
- Hide - Select the checkbox to Hide (tick mark)
- Read Only - Select the checkbox to Read-Only (tick mark)
- Save - Save the input values
- Delete - Remove this form widget from the designer page
- Close - Close the input popup window
Design:
Example:
Let's build and execute the “IncrementorDecrementorDef” example.
- Create a Form definition called “IncrementorDecrementorDef.”
- Drag a “BootstrapGrid, IncrementorDecrementor, Label, and Submit” control to the canvas and arrange them as shown below.
- Double-click on the widget to configure the “Settings” properties. A pop-up window displays the configuration. Provide a name for the control, a minimum value, and a maximum value. You may use the checkbox to hide the control during runtime. Click the Save button.
- Save the Form definition. Select Actions - Create Form Instance menu option. Generate a new Form instance and select the check box to edit this Form instance.
- The Form is displayed to the user below.
- Using a workflow process, the control's values can be preset as shown below.
- You may use the “getFormFieldValues” process step to read the existing value from the Form submitted, as below.
- You may use the “UpdateVariables” step to increment or decrement the values as below.
- You may use the “setFormFieldValues” process step to preset the control on the Form before rendering, as below.
Definition Sample:
You may download the sample definition(s) from the link here and later import them (drag-and-drop) to your FlowWright Process Definition (XML file) or Form Definition (HTML file) page.
NOTE: Please verify and complete the process steps for any missing configurations, such as file path references and database connections, after import. Then, save the definition to confirm the changes.