NumberRangeSlider

Purpose:  In order to display and select the range between two Number values. it is also provides redefine range at run time, you can prefix/post fix and customize step, 

How to use :

Steps: 

Step-1 : Create a web block and under the source web block field select component\NumberRangeSlider.

Step-2 : This will expect 7 fields:

• Show Grid: Any text needed at the bottom of the slider.
• IsSingleSlider(Boolean) : It will allow single slider
• MinValue: Minimum slider value
• MaxValue: Maximum slider value
• Step: It will specify the steps slider will take in every jump
• Prefix: Any text needed at the start of the slider.
• IsRangeChangeAllowed(Boolean): The range fields values will be editable if this is true. you redefine range at run time.
• Postfix: Any text needed at the end of the slider

Step-3 :

     There will be 2 placeholders

             Current_Min_Value_InputPlaceholder: expect input widget under it.

                           The input wedged will bind with a text variable contains the value of the minimum field.

              Current_Max_Value_InputPlaceholder: This will expect input widget under it.

                          The input wedged will bind with a text variable contains the value of the maximum field.