Stable Version 1.0.0 (OutSystems 10)
Published on 14 September 2018 by 
Created on 14 September 2018
This is a slider component based on ion.rangeSlider
Read More


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 :


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)
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.
See all 2 dependencies
Component Consumers
No consumers yet.
Weekly Downloads 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at . Obtain assistance on using Silk UI in our forums .
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
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.
More from Sanjay Sahu
Sanjay Sahu
This UI component is used to to display and select multiple images.
Sanjay Sahu
This project is based on ion.rangeSlider implementation for RangeSlider with Label
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.