PHPackages systemhaus/inputrange - 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. systemhaus/inputrange ActiveContao-module[Utility & Helpers](/categories/utility) systemhaus/inputrange ===================== Provides a form field for the HTML5 input range element 1.0.2(11y ago)3181LGPL-3.0PHP Since Jul 17Pushed 11y ago2 watchersCompare [ Source](https://github.com/systemhaus/contao_inputrange)[ Packagist](https://packagist.org/packages/systemhaus/inputrange)[ Docs](https://github.com/systemhaus/contao_inputrange)[ RSS](/packages/systemhaus-inputrange/feed)WikiDiscussions master Synced today READMEChangelog (3)Dependencies (2)Versions (3)Used By (0) Inputrange for Contao ===================== [](#inputrange-for-contao) This extension provides a widget for usage in the form generator of [Contao](https://contao.org). The frontend output is a range slider with a knob to select a value from between a lower and an upper limit. Installation ------------ [](#installation) - Okay: Clone the repository or download as zip file to *system/modules* - Better: Use the Contao Extension Repository to install the extension. - Ideal: Use the new Composer client to install. Important notice ---------------- [](#important-notice) As the range slider input is a HTML5 element, this extension will only work correctly in **HTML5** websites. If your page layout is set to **XHTML** the frontend will issue a red warning. Nothing bad will happen, but range sliders are simply not supported in XHTML. Sorry. Usage ----- [](#usage) 1. Create a new form element in the form of your choice 2. Select "Range" as the widget type 3. At least set a lower and an upper limit 4. If necessary, specify a gradation value to only allow for certain values 5. You can also set indicator values that will be shown along the range slider to make picking values easier 6. Optionally set a default value to specify the intial knob position Enhancing --------- [](#enhancing) The frontend output is styled by the user agent stylesheet which mostly relies on the Operating System User Interface. If you'd prefer to enhance that style, there are a number of tutorials out there on the web. Some helpful ones are [this](http://demosthenes.info/blog/757/Playing-With-The-HTML5-range-Slider-Input) and [that](http://www.htmllion.com/html5-range-input-with-css.html). There also is a complete overview of what can be done on [another great site](http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/#input_range). Feedback and Issues ------------------- [](#feedback-and-issues) Please use the [GitHub page](https://github.com/systemhaus/contao_inputrange) of this extension to submit feedback and create issues. A notice on compatibility: This extension will mostly be used in Contao LTS versions. It might or might not work with the intermediate releases of Contao. ### Health Score 29 — LowBetter than 57% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity11 Limited adoption so far Community9 Small or concentrated contributor base Maturity64 Established project with proven stability Bus Factor1 Top contributor holds 100% 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 ~42 days Total 2 Last Release 4327d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/c0815fae6b2b738b193781a50b3255efcf512ac111091f3e2bbc786dae791388?d=identicon)[etes](/maintainers/etes) --- Top Contributors [![seaneble](https://avatars.githubusercontent.com/u/1255670?v=4)](https://github.com/seaneble "seaneble (8 commits)") --- Tags widgetformsliderrangeknob ### Embed Badge ![Health badge](/badges/systemhaus-inputrange/health.svg) ``` [![Health](https://phpackages.com/badges/systemhaus-inputrange/health.svg)](https://phpackages.com/packages/systemhaus-inputrange) ``` ### Alternatives [kartik-v/yii2-widget-rangeinput An enhanced Yii 2 widget encapsulating the HTML 5 range input (sub repo split from yii2-widgets) 214.1M3](/packages/kartik-v-yii2-widget-rangeinput)[kartik-v/yii2-widget-datepicker Enhanced Yii2 wrapper for the bootstrap datepicker plugin (sub repo split from yii2-widgets). 1177.3M62](/packages/kartik-v-yii2-widget-datepicker)[kartik-v/yii2-widget-datetimepicker Enhanced Yii2 wrapper for the bootstrap datetimepicker plugin (sub repo split from yii2-widgets) 1146.8M48](/packages/kartik-v-yii2-widget-datetimepicker)[kartik-v/yii2-slider An advanced slider input for Yii Framework 2 for both touch enabled and desktop devices based on bootstrap-slider. 30827.4k4](/packages/kartik-v-yii2-slider)[kartik-v/yii2-date-range An advanced Yii 2 date range picker input for based on bootstrap-daterangepicker plugin. 924.6M42](/packages/kartik-v-yii2-date-range)[kartik-v/yii2-widget-depdrop Widget that enables setting up dependent dropdowns with nested dependencies (sub repo split from yii2-widgets) 845.2M18](/packages/kartik-v-yii2-widget-depdrop) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)