2018-09-14
1.0.0
Sanjay Sahu
All
All
Components, Widgets, Applications
[Overview]
This is a slider component based on ion.rangeSlider http://ionden.com/a/plugins/ion.rangeSlider/
[Detail]
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.