PHPackages lukasbableck/contao-more-backend-widgets-bundle - 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. lukasbableck/contao-more-backend-widgets-bundle ActiveContao-bundle[Utility & Helpers](/categories/utility) lukasbableck/contao-more-backend-widgets-bundle =============================================== This bundle adds backend widgets/inputTypes which can for example be used in other extensions or in RockSolid Custom Elements. 1.2.0(1y ago)01561LGPL-3.0-or-laterPHPPHP ^8.1 Since Oct 29Pushed 1y ago1 watchersCompare [ Source](https://github.com/lukasbableck/contao-more-backend-widgets-bundle)[ Packagist](https://packagist.org/packages/lukasbableck/contao-more-backend-widgets-bundle)[ GitHub Sponsors](https://github.com/lukasbableck)[ RSS](/packages/lukasbableck-contao-more-backend-widgets-bundle/feed)WikiDiscussions main Synced 1mo ago READMEChangelogDependencies (3)Versions (4)Used By (1) contao-more-backend-widgets-bundle ================================== [](#contao-more-backend-widgets-bundle) This bundle adds backend widgets/inputTypes which can for example be used in other extensions or in RockSolid Custom Elements. Currently the following widgets are available: - charPicker - color - number - range Usage ----- [](#usage) ``` ... 'inputType' => 'number' // or any other widget from the above ... ``` Widgets ------- [](#widgets) ### charPicker [](#charpicker) This is used by [lukasbableck/contao-title-description-bundle](https://github.com/lukasbableck/contao-title-description-bundle). It is intended to be used in combination with a JS script and wont do anything on its own. The widget is not designed to save any value in the database. [![image](https://private-user-images.githubusercontent.com/42083846/382676650-ad4c0dba-0b47-4036-a3d3-c83ea12b31dc.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ4NzUwNzAsIm5iZiI6MTc3NDg3NDc3MCwicGF0aCI6Ii80MjA4Mzg0Ni8zODI2NzY2NTAtYWQ0YzBkYmEtMGI0Ny00MDM2LWEzZDMtYzgzZWExMmIzMWRjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzMwVDEyNDYxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU0Yjk3YTZmNzc5MjdlZTU2NTdhZjgwMTJmNTZlMTc1NGFhNWI4MWZhZGRjY2UzNGMxMTJlNjljYTFkZGI4MTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.PC6_MOkuuZ5y8lKaGYHxGwn3Sp1uVgu6aadO5taF9Is)](https://private-user-images.githubusercontent.com/42083846/382676650-ad4c0dba-0b47-4036-a3d3-c83ea12b31dc.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ4NzUwNzAsIm5iZiI6MTc3NDg3NDc3MCwicGF0aCI6Ii80MjA4Mzg0Ni8zODI2NzY2NTAtYWQ0YzBkYmEtMGI0Ny00MDM2LWEzZDMtYzgzZWExMmIzMWRjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzMwVDEyNDYxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU0Yjk3YTZmNzc5MjdlZTU2NTdhZjgwMTJmNTZlMTc1NGFhNWI4MWZhZGRjY2UzNGMxMTJlNjljYTFkZGI4MTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.PC6_MOkuuZ5y8lKaGYHxGwn3Sp1uVgu6aadO5taF9Is)### color [](#color) Adds a color picker widget with both a normal text input and a color input. It's recommended to use `'rgxp' => 'color'` and `'isHexColor' => true` for fields with this inputType. Aside from the `color` regexp, this bundle also adds `colorHex`, `colorHexRGB` and `colorHexRGBA` regexps. [![image](https://private-user-images.githubusercontent.com/42083846/428631365-5c88bcf9-c917-475f-aa94-c3b4a13198b7.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ4NzUwNzAsIm5iZiI6MTc3NDg3NDc3MCwicGF0aCI6Ii80MjA4Mzg0Ni80Mjg2MzEzNjUtNWM4OGJjZjktYzkxNy00NzVmLWFhOTQtYzNiNGExMzE5OGI3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzMwVDEyNDYxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMzMTk5YjJkODJiNWQyYjgxMWI1YTdlZmY2MzA3ZDQzYTkwNzFhNzQzYzEwYTQxNWQyMTMwMmY5MjI1YWM3NDImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.p26mxHhI91lU1RPtxvilIqyKPqnssqJ7VEAxBu1fN0w)](https://private-user-images.githubusercontent.com/42083846/428631365-5c88bcf9-c917-475f-aa94-c3b4a13198b7.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ4NzUwNzAsIm5iZiI6MTc3NDg3NDc3MCwicGF0aCI6Ii80MjA4Mzg0Ni80Mjg2MzEzNjUtNWM4OGJjZjktYzkxNy00NzVmLWFhOTQtYzNiNGExMzE5OGI3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzMwVDEyNDYxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMzMTk5YjJkODJiNWQyYjgxMWI1YTdlZmY2MzA3ZDQzYTkwNzFhNzQzYzEwYTQxNWQyMTMwMmY5MjI1YWM3NDImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.p26mxHhI91lU1RPtxvilIqyKPqnssqJ7VEAxBu1fN0w) ### number [](#number) Supports min and max attributes via eval.minval/eval.maxval and step via eval.step. [![image](https://private-user-images.githubusercontent.com/42083846/381110898-072842fc-6b32-4f5a-8da7-732c61644a59.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ4NzUwNzAsIm5iZiI6MTc3NDg3NDc3MCwicGF0aCI6Ii80MjA4Mzg0Ni8zODExMTA4OTgtMDcyODQyZmMtNmIzMi00ZjVhLThkYTctNzMyYzYxNjQ0YTU5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzMwVDEyNDYxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFlZTY3MDAxYzIxNTdhZjUyMWVlMzk2NDQ0Mzg3OTA4YTJhMmQwOTUxMzkzMjgxNjliMGRjZDQ1ODNlYzY5N2YmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.xACNFguMc0BhI5WxYQbnzg6hzcbAHD5GrxdDVu1eueY)](https://private-user-images.githubusercontent.com/42083846/381110898-072842fc-6b32-4f5a-8da7-732c61644a59.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ4NzUwNzAsIm5iZiI6MTc3NDg3NDc3MCwicGF0aCI6Ii80MjA4Mzg0Ni8zODExMTA4OTgtMDcyODQyZmMtNmIzMi00ZjVhLThkYTctNzMyYzYxNjQ0YTU5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzMwVDEyNDYxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFlZTY3MDAxYzIxNTdhZjUyMWVlMzk2NDQ0Mzg3OTA4YTJhMmQwOTUxMzkzMjgxNjliMGRjZDQ1ODNlYzY5N2YmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.xACNFguMc0BhI5WxYQbnzg6hzcbAHD5GrxdDVu1eueY)### range [](#range) Supports min and max attributes via eval.minval/eval.maxval and step via eval.step. [![image](https://private-user-images.githubusercontent.com/42083846/381110952-b5f0ea5c-f83c-4719-87e4-d10f06a82337.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ4NzUwNzAsIm5iZiI6MTc3NDg3NDc3MCwicGF0aCI6Ii80MjA4Mzg0Ni8zODExMTA5NTItYjVmMGVhNWMtZjgzYy00NzE5LTg3ZTQtZDEwZjA2YTgyMzM3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzMwVDEyNDYxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc2MzY5ZTY3NmVhYTdhZjVjMjRlN2NkZjdlOWU5MDEzZDllYTNjZjQyYWRkZDRmZjZhZmU1NjY1ZTk5MDgyYmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.qQ-f20sApdLERi2HFg-xqlf1LTa4EWXeC9VWoT_q6Aw)](https://private-user-images.githubusercontent.com/42083846/381110952-b5f0ea5c-f83c-4719-87e4-d10f06a82337.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ4NzUwNzAsIm5iZiI6MTc3NDg3NDc3MCwicGF0aCI6Ii80MjA4Mzg0Ni8zODExMTA5NTItYjVmMGVhNWMtZjgzYy00NzE5LTg3ZTQtZDEwZjA2YTgyMzM3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzMwVDEyNDYxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc2MzY5ZTY3NmVhYTdhZjVjMjRlN2NkZjdlOWU5MDEzZDllYTNjZjQyYWRkZDRmZjZhZmU1NjY1ZTk5MDgyYmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.qQ-f20sApdLERi2HFg-xqlf1LTa4EWXeC9VWoT_q6Aw)Regular expressions ------------------- [](#regular-expressions) ### color [](#color-1) Expects a color in the format `RRGGBB`, where `RR`, `GG` and `BB` are hexadecimal values between `00` and `FF`. This regexp is intended to be used in combination with the `color` inputType. ### colorHex [](#colorhex) Expects a color in the format `#RGB`, `#RRGGBB`, `#RGBA` or `#RRGGBBAA`, where `R`, `G`, `B` and `A` are hexadecimal values between `0` and `F`. ### colorHexRGB [](#colorhexrgb) Expects a color in the format `#RGB` or `#RRGGBB`, where `R`, `G` and `B` are hexadecimal values between `0` and `F`. ### colorHexRGBA [](#colorhexrgba) Expects a color in the format `#RGBA` or `#RRGGBBAA`, where `R`, `G`, `B` and `A` are hexadecimal values between `0` and `F`. ### Health Score 31 — LowBetter than 68% of packages Maintenance46 Moderate activity, may be stable Popularity13 Limited adoption so far Community9 Small or concentrated contributor base Maturity49 Maturing project, gaining track record 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 ~76 days Total 3 Last Release 407d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/0154055676f978a6dc41986c2923866b7d344ccfaca7fe23b4f46953d96fbec3?d=identicon)[lukasbableck](/maintainers/lukasbableck) --- Top Contributors [![lukasbableck](https://avatars.githubusercontent.com/u/42083846?v=4)](https://github.com/lukasbableck "lukasbableck (15 commits)") --- Tags contaobackendwidgetsinputnumberrangeinputtype ### Code Quality Code StylePHP CS Fixer ### Embed Badge ![Health badge](/badges/lukasbableck-contao-more-backend-widgets-bundle/health.svg) ``` [![Health](https://phpackages.com/badges/lukasbableck-contao-more-backend-widgets-bundle/health.svg)](https://phpackages.com/packages/lukasbableck-contao-more-backend-widgets-bundle) ``` ### Alternatives [terminal42/contao-inserttags Contao extension to create custom insert tags. 1048.5k](/packages/terminal42-contao-inserttags) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)