NumberRangeSlider
Stable Version 1.0.0 (OutSystems 10)
Published on 14 September 2018 by 
Created on 14 September 2018
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.

Reviews (0)
Category
Components, UI & Widgets, Applications
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Sanjay Sahu who created this component.
Dependencies
See all 2 dependencies
Requirements
Platform
10.0.0.402
Database
All
Stack
All
Component Consumers
NumberRangeSlider has no consumers.
Weekly Downloads 
Related Components
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
7879
Google Drive Connector
OutSystems MVPs
Google Drive Connector allows your OutSystems Applications to use the Google Drive REST API to interact with your files.
1051
Google Maps
Labs
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
11178
More from Sanjay Sahu
ImageListBox
Sanjay Sahu
This UI component is used to to display and select multiple images.
LabelRangeSlider
Sanjay Sahu
This project is based on ion.rangeSlider implementation for RangeSlider with Label
List_BulkSelect_V2
Sanjay Sahu
This Modified version of RichWidgets (System Components). it is updated to handle unchecked bulk select checkbox if there is any checkbox unchecked in related Source Record List.if all check box checked then it will be automatically checked again.