Incrementor Decrementor Widget

Use this slider widget to increment or decrement the values .

Last published at: June 3rd, 2024

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 new form definition called “IncrementorDecrementorDef.
  • Select the Open Designer checkbox and click the “Create” button
  • Drag an IncremntorDecrementor widget to the canvas
  • Double-click on the widget to configure the “Settings” properties. Provide a name to the control. Provide a minimum value. Provide a maximum value. Select the check box “hide” to conceal the control. Select the check box “read-only” to disable the control during run time. 

 

  • Create a new process definition called “IncrementorDecrementorDef.
  • Select the Open Designer checkbox and click the “Create” button
  • Drag and connect the GetFormValues, UpdateVariables, and SetFormFieldValues steps to the canvas

 

  • Configure the GetFormValues step as shown in the below graphic. Select the appropriate form definition having the incrementor control

 

  • Configure the UpdateVaribales step as shown in the below graphic. Map the variables to new values.

 

  • Configure the SetFormFieldValues step, as shown in the graphic below. Map the incrementor control with new form values to be shown on render. 

 

  • Select the form definition and execute it by params as shown in the graphic below. 

 

  • The form is displayed to the user so that the values can be incremented/decremented and submitted. 
  • The process workflow shall get the form field values, update the variables with new values, and reset the increment control form field with new values.