Slider for Forms Plugin

by KevinABoucher

HTML

<link rel="stylesheet" href="http://dev.sencha.com/ext/5.0.1/examples/shared/example.css">
<script src="http://dev.sencha.com/ext/5.0.1/examples/shared/include-ext.js"></script>
<div id="slider-plugin"><div>

CSS

#slider-plugin {
    width: 214px;
    padding-top: 6px;
    background-image: url(http://try.sencha.com/extjs/4.0.7/examples/slider/slider/resources/css/images/ticks.gif);
}

JavaScript

Ext.require('Ext.slider.*');

Ext.onReady(function() {

    var slider2 = Ext.create('Ext.slider.Single', {
        renderTo: 'slider-plugin',
        hideLabel: true,
        width: 214,
        minValue: 0,
        maxValue: 100,
        increment: 1
    });
    
});