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. 

How can we improve this article?

Share additional info and suggestions