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
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 silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .
28599
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
2777
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.
10081
More from Sanjay Sahu
ImageListBox
Sanjay Sahu
This UI component is used to to display and select multiple images.
6
LabelRangeSlider
Sanjay Sahu
This project is based on ion.rangeSlider implementation for RangeSlider with Label
14
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.
47