range-sliders-reactive
Reactive icon

Range Sliders Reactive

Stable version 1.0.2 (Compatible with OutSystems 11)
Published on 19 December 2021 by 
5.0
 (1 rating)
range-sliders-reactive

Range Sliders Reactive

Details
Easy, flexible and responsive single or dual range sliders
Read more

Range slider widget allows you to define an interval in which the value or values within a range are picked by the user according to a single or dual slider, this sliders have the following features:

  • Automatically assumes the Primary Color of your application;
  • Touch-devices support (iPhone, iPad, Nexus, etc.);
  • Cross-browser: Google Chrome, Mozilla Firefox 3.6+, Opera 12+, Safari 5+, Internet Explorer 8+;
  • Supports events and public methods, has flexible settings, can be completely altered with CSS.


And personalization:

Min (Set slider minimum value)

Max (Set slider maximum value)

From (Set start position for left handle (or for single handle in case of the SingleRangeSlider))

To (Set start position for right handle)

This widgets were forked from the Ion.RangeSlider Github Project.

JQuery from Outsystems UI should be included has a Required Script on the screen where the Widget is applied

What’s new (1.0.2)

New Features added as the following:

From_Fixed (Fix position of left (or single) handle)

To_Fixed (Fix position of right handle)

Step (Set sliders step. Always > 0. Could be fractional)

Drag_Interval (Allow user to drag whole range. Only for double type)

Grid (Enables grid of values above the slider)

Grid_Num (Number of grid units)

Hide_Min_Max (Hides min and max labels)

Hide_From_To (Hides from and to labels)

Prefix (Set prefix for values. Will be set up right before the number: "$"100)

Postfix (Set postfix for values. Will be set up right after the number: 100"k")

Max_Postfix (Special postfix, used only for maximum value. Will be showed after handle will reach maximum right position. For example 0 — 100"+")

Input_Values_Separator (Separator for double values in input value property: 25";"42)

Block (Locks slider and makes it inactive. Input is NOT disabled. Can be send with forms)

Reviews (0)