kartik-v / yii2-widget-rangeinput
An enhanced Yii 2 widget encapsulating the HTML 5 range input (sub repo split from yii2-widgets)
Installs: 3 191 088
Dependents: 5
Suggesters: 0
Security: 0
Stars: 19
Watchers: 3
Forks: 0
Open Issues: 0
Type:yii2-extension
Requires
- kartik-v/yii2-krajee-base: >=1.9
This package is auto-updated.
Last update: 2024-12-06 09:35:28 UTC
README
yii2-widget-rangeinput
The RangeInput widget is a customized range slider control widget based on HTML5 range input. The widget enhances the default HTML range input with various features including the following:
- Specially styled for Bootstrap 3.x and Bootstrap 4.x with customizable caption showing the output of the control.
- Ability to prepend and append addons (very useful to show the min and max ranges, and the slider measurement unit).
- Allow the input to be changed both via the control or the text box.
- Automatically degrade to normal text input for unsupported Internet Explorer versions.
NOTE: This extension is a sub repo split of yii2-widgets. The split has been done since 08-Nov-2014 to allow developers to install this specific widget in isolation if needed. One can also use the extension the previous way with the whole suite of yii2-widgets.
Installation
The preferred way to install this extension is through composer. Check the composer.json for this extension's requirements and dependencies. Read this web tip /wiki on setting the minimum-stability
settings for your application's composer.json.
To install, either run
$ php composer.phar require kartik-v/yii2-widget-rangeinput "*"
or add
"kartik-v/yii2-widget-rangeinput": "*"
to the require
section of your composer.json
file.
Release Changes
Refer the CHANGE LOG for details on various releases and changes.
Demo
You can refer detailed documentation and demos on usage of the extension.
Usage
use kartik\range\RangeInput; // Usage with rangeinput and model echo $form->field($model, 'rating')->widget(RangeInput::classname(), [ 'options' => ['placeholder' => 'Select range ...'], 'html5Options' => ['min'=>0, 'max'=>1, 'step'=>1], 'html5Container' => ['style' => 'width:350px'], 'addon' => ['append'=>['content'=>'star']], ]); // With model & without rangeinput echo '<label class="control-label">Adjust Contrast</label>'; echo RangeInput::widget([ 'model' => $model, 'attribute' => 'contrast', 'html5Container' => ['style' => 'width:350px'], 'addon' => ['append'=>['content'=>'%']], ]); // Vertical orientation echo '<label class="control-label">Adjust Contrast</label>'; echo RangeInput::widget([ 'name' => 'slider', 'value' => 70, 'orientation' => 'vertical', 'html5Container' => ['style' => 'width:350px'], ]);
License
yii2-widget-rangeinput is released under the BSD 3-Clause License. See the bundled LICENSE.md
for details.