Incrementor Decrementor Widget

Use this slider widget to increment or decrement the values .

Last published at: August 16th, 2023

Description:

Use this slider on the form to increment / decrement the represented value.

Inputs

  • Name - Name of widget generated by FlowWright (read-only field)
  • Min Value - Provide minimum value (default is 0)
  • Max Value - Provide maximum value 
  • Hide - Select checkbox to Hide (tick mark)
  • Read Only - Select 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 a 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 GetFormValues, UpdateVariables and SetFormFieldValues step 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 below graphic. Map the incrementor control with new form values to shown on render. 
  • Select the form definition and execute by params as shown in the below graphic. 
  • The form is displayed to the user to increment / decrement the values and submit. 
  • 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.