Give us feedback
numberrangeslider
Web icon

NumberRangeSlider

Stable version 1.0.0 (Compatible with OutSystems 11)
Also available for 10
Uploaded on 14 September 2018 by 
5.0
 (2 ratings)
numberrangeslider

NumberRangeSlider

Details
This is a slider component based on ion.rangeSlider http://ionden.com/a/plugins/ion.rangeSlider/
Read more

                                                                          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.

Release notes (1.0.0)
Reviews (0)