MX RangeSlider

Developer

Max Lazar

3rd Party (Free)

3 downloads (last 90 days)

MIT License Download v1.0.1

EE Version Support

  • ExpressionEngine 2

Compatibility

If an item is crossed out, it might be untested, not applicable or incompatible. Contact the developer to be sure.

Requirements

Add-On Type(s)

Fieldtype

Tags

MX RangeSlider is range fieldtype for ExpressionEngine 2 which helps you to create a really nice and user friendly range select elements.

Installation

  • Download the latest version of MX RangeSlider and extract the .zip to your desktop.
  • Copy system/expressionengine/third_party/mx_rangeslider to system/expressionengine/third_party/
  • Copy themes/third_party/mx_rangeslider to themes/third_party/

Activation

  • Log into your control panel
  • Browse to Addons > Fieldtypes
  • Enable all the MX RangeSlider components

Field settings

type  Optional property, will select slider type from two options: single - for single range slider, or double - for double range slider

min Range minumum

max Range maximum

from  Optional property, on default has the same value as min.

to  Optional property, on default has the same value as max.

step  Optional property, set slider step value

prefix  Optional property, set prefix text to all values. For example: “$” will convert “100” in to “$100”

postfix Optional property, set postfix text to all values. For example: ” Ã��Ã�¢Ã�¯Ã�¿Ã�½Ã��Ã�¬” will convert “100” in to “100 Ã��Ã�¢Ã�¯Ã�¿Ã�½Ã��Ã�¬”

maxPostfix  Optional property, set postfix text to maximum value. For example: maxPostfix - “+” will convert “100” to “100+”

hasGrid Optional property, enables grid at the bottom of the slider (it adds 20px height and this can be customised through CSS)

gridMargin  Optional property, enables margin between slider corner and grid

hideMinMax  Optional property, disables Min and Max fields.

hideFromTo  Optional property, disables From an To fields.

prettify  Optional property, allow to separate large numbers with spaces, eg. 10 000 than 10000

values  Array of custom values: a, b, c etc.

theme  Skin.

Templates Variables

{field_name}

{field_name}
    {range_from}
    {range_to}
    {range_value}   
{/field_name}

{field_name:from}

{field_name:to}

Matrix Example

Single Range

{matrix_field}
    {mx_rangeslider_ft_single}
{/matrix_field}

Double Range

{matrix_field}
    {mx_rangeslider_ft_double}
        {range_from}
        {range_to}
        {range_value}   
    {/mx_rangeslider_ft_double}
{/matrix_field}

Grid Example

Single Range

{grid_field}
    {grid_field:mx_rangeslider_ft_single}
{/grid_field}

Double Range

{grid_field}
    {grid_field:mx_rangeslider_ft_double}
        {range_from}
        {range_to}
        {range_value}   
    {/grid_field:mx_rangeslider_ft_double}
{/grid_field}

Support Policy

This is Communite Edition (CE) add-on.

Contributing To MX RangeSlider CE

Your participation to MX RangeSlider CE development is very welcome!

You may participate in the following ways:

  • Report issues
  • Fix issues, develop features, write/polish documentation Before you start, please adopt an existing issue (labelled with “ready for adoption”) or start a new one to avoid duplicated efforts. Please submit a merge request after you finish development.

License

The MX RangeSlider is open-sourced software licensed under the MIT license

Thanks To

Denis Ineshin for ion.rangeSlider (MIT license)

Download MX RangeSlider

EE Support Downloads Add-On Version Release Date
2.7.0+ Download 1.0.1 Oct 16, 2014

MX RangeSlider Links

This entry was created October 17, 2014, 9:52 am.
This entry was last updated July 14, 2015, 9:13 am.

Disclaimer: Information about ExpressionEngine add-ons is provided as a service to you, the user, and every member of the ExpressionEngine community. devot:ee is not responsible if you hose, mangle, wreck, or otherwise destroy your EE website by installing an add-on that you found out about at this site, regardless of its rating, Favorites status, commercial or free status, or general popularity. Caveat EEmptor!

Returns: devot:ee has a 30-day return policy on all commercial add-ons sold through devot-ee.com. If you need to return an add-on, do not go to the developer or the developer's site, but rather visit our returns page at https://devot-ee.com/returns to initiate your return. If you have questions, email support@devot-ee.com.

1 Review:

Todd D. 10.20.14

Todd D.
Rating - {addon_rating_average}

It’s a beautiful thing!