numberrangeslider

NumberRangeSlider

Stable version 1.0.0 (Compatible with OutSystems 11)
Also available for 10
Published 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.

What’s new (1.0.0)
Reviews (0)