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. systemhaus/inputrange ActiveContao-module 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 1mo ago 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 59% 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 4281d 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-widgets Collection of useful widgets for Yii Framework 2.0 extending functionalities for Bootstrap 5593.9M116](/packages/kartik-v-yii2-widgets)[kartik-v/yii2-widget-select2 Enhanced Yii2 wrapper for the Select2 jQuery plugin (sub repo split from yii2-widgets). 3279.7M191](/packages/kartik-v-yii2-widget-select2)[kartik-v/yii2-widget-fileinput An enhanced FileInput widget for Bootstrap 3.x, 4.x & 5.x with file preview, multiple selection, and more features (sub repo split from yii2-widgets) 2286.8M95](/packages/kartik-v-yii2-widget-fileinput)[atk4/ui Agile UI - Web Component Framework written in PHP 454540.1k32](/packages/atk4-ui)[kartik-v/yii2-widget-rangeinput An enhanced Yii 2 widget encapsulating the HTML 5 range input (sub repo split from yii2-widgets) 193.9M3](/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). 1097.0M60](/packages/kartik-v-yii2-widget-datepicker) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)