PHPackages                             djabiev/yii2-ion-slider-ntv - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. djabiev/yii2-ion-slider-ntv

ActiveYii2-extension[Utility & Helpers](/categories/utility)

djabiev/yii2-ion-slider-ntv
===========================

Ion.RangeSlider Widget for Yii 2 (forked)

v1.3(6y ago)0296MITPHP

Since Jun 17Pushed 6y agoCompare

[ Source](https://github.com/djabiev/yii2-ion-slider-ntv)[ Packagist](https://packagist.org/packages/djabiev/yii2-ion-slider-ntv)[ RSS](/packages/djabiev-yii2-ion-slider-ntv/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (1)Dependencies (3)Versions (8)Used By (0)

 [ ![](https://avatars0.githubusercontent.com/u/993323) ](https://github.com/yiisoft)

RangeSlider Extension for Yii 2
===============================

[](#rangeslider-extension-for-yii-2)

Widget based on [Ion.RangeSlider extension](http://ionden.com/a/plugins/ion.rangeSlider/en.html)

[![Latest Stable Version](https://camo.githubusercontent.com/284603a374b8cdd97a2d3794e3ee8b881d1132387aa5ac2d30e95b9c8435aaf2/68747470733a2f2f706f7365722e707567782e6f72672f796969326d6f642f796969322d696f6e2d736c696465722f762f737461626c65)](https://packagist.org/packages/yii2mod/yii2-ion-slider)[![Total Downloads](https://camo.githubusercontent.com/ec311f12ec2f5a4f4d8358a4488094cc36589cad74b196b651bc7effa4d218d7/68747470733a2f2f706f7365722e707567782e6f72672f796969326d6f642f796969322d696f6e2d736c696465722f646f776e6c6f616473)](https://packagist.org/packages/yii2mod/yii2-ion-slider)[![License](https://camo.githubusercontent.com/c9040ddeb356670a719740d117bf9425a7797b83541c614fa619c639f80b9a31/68747470733a2f2f706f7365722e707567782e6f72672f796969326d6f642f796969322d696f6e2d736c696465722f6c6963656e7365)](https://packagist.org/packages/yii2mod/yii2-ion-slider)[![Build Status](https://camo.githubusercontent.com/2eb886b3f6d60bd8bac257bdf135870f29483c0e047ded73dccf8b81e0a360f9/68747470733a2f2f7472617669732d63692e6f72672f796969326d6f642f796969322d696f6e2d736c696465722e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/yii2mod/yii2-ion-slider)

Installation
------------

[](#installation)

The preferred way to install this extension is through [composer](http://getcomposer.org/download/).

Either run

```
php composer.phar require --prefer-dist yii2mod/yii2-ion-slider "*"

```

or add

```
"yii2mod/yii2-ion-slider": "*"
```

to the require section of your composer.json.

Usage
-----

[](#usage)

Once the extension is installed, simply add widget to your page as follows:

1. Usage with ActiveForm and model

```
echo $form->field($model, "attribute")->widget(\yii2mod\slider\IonSlider::className(), [
        'pluginOptions' => [
           'min' => 0,
           'max' => 1,
           'step' => 1,
           'onChange' => new \yii\web\JsExpression('
                function(data) {
                     console.log(data);
                }
           ')
         ]
]);
```

2. Usage without ActiveForm and model

```
echo \yii2mod\slider\IonSlider::widget([
    'name' => 'slider',
    'type' => \yii2mod\slider\IonSlider::TYPE_DOUBLE,
    'pluginOptions' => [
        'min' => 0,
        'max' => 20,
        'from' => 2,
        'to' => 18,
        'step' => 1,
        'hide_min_max' => true,
        'hide_from_to' => true
    ]
]);

```

**To change the slider skin, you can configure the assetManager array in your application configuration:**

```
'assetManager' => [
            'bundles' => [
                'yii2mod\slider\IonSliderAsset' => [
                    'css' => [
                        'css/normalize.css',
                        'css/ion.rangeSlider.css',
                        'css/ion.rangeSlider.skinFlat.css'
                     ]
                ],
            ],
        ]
```

Slider Options
--------------

[](#slider-options)

You can customize the slider using `pluginOptions`, using one of the plugin [options](http://ionden.com/a/plugins/ion.rangeSlider/en.html). Note that the `type` option should be configured on its own, and is not part of the `pluginOptions` array.

###  Health Score

31

—

LowBetter than 68% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity13

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity68

Established project with proven stability

 Bus Factor1

Top contributor holds 50% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~246 days

Recently: every ~302 days

Total

7

Last Release

2504d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/a3c83a3072b337e77bc9a0a29f730784d7dad2a280503d0f5d3a2065a25810af?d=identicon)[djabiev](/maintainers/djabiev)

---

Top Contributors

[![djabiev](https://avatars.githubusercontent.com/u/2046971?v=4)](https://github.com/djabiev "djabiev (2 commits)")[![dmitry-semenov](https://avatars.githubusercontent.com/u/17027799?v=4)](https://github.com/dmitry-semenov "dmitry-semenov (1 commits)")[![machour](https://avatars.githubusercontent.com/u/304450?v=4)](https://github.com/machour "machour (1 commits)")

---

Tags

yii2yii2 ion slideryii2 slideryii2 range slider

###  Code Quality

Code StylePHP CS Fixer

### Embed Badge

![Health badge](/badges/djabiev-yii2-ion-slider-ntv/health.svg)

```
[![Health](https://phpackages.com/badges/djabiev-yii2-ion-slider-ntv/health.svg)](https://phpackages.com/packages/djabiev-yii2-ion-slider-ntv)
```

###  Alternatives

[yii2mod/yii2-ion-slider

Ion.RangeSlider Widget for Yii 2

21138.3k](/packages/yii2mod-yii2-ion-slider)[dmstr/yii2-cookie-consent

Yii2 Cookie Consent Widget

1452.6k](/packages/dmstr-yii2-cookie-consent)[richardfan1126/yii2-js-register

Yii2 widget to register JS into view

1357.2k7](/packages/richardfan1126-yii2-js-register)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)