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)01721LGPL-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 1w 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODYxNTIyODEsIm5iZiI6MTc4NjE1MTk4MSwicGF0aCI6Ii80MjA4Mzg0Ni8zODI2NzY2NTAtYWQ0YzBkYmEtMGI0Ny00MDM2LWEzZDMtYzgzZWExMmIzMWRjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA4MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwODA4VDAxMTk0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE0MTRiYmI5YjMzNmE0MDRmZjcwN2JmNmMyMDg1YTM2YjU4Yjc0MThjNjViNDYxYzFlMTc4ZDMwNTgxYTFlMzAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.scqxx_HP3kvjwAkl2LCtqeGpzqMFOZXko1c1lLI4KBY)](https://private-user-images.githubusercontent.com/42083846/382676650-ad4c0dba-0b47-4036-a3d3-c83ea12b31dc.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODYxNTIyODEsIm5iZiI6MTc4NjE1MTk4MSwicGF0aCI6Ii80MjA4Mzg0Ni8zODI2NzY2NTAtYWQ0YzBkYmEtMGI0Ny00MDM2LWEzZDMtYzgzZWExMmIzMWRjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA4MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwODA4VDAxMTk0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE0MTRiYmI5YjMzNmE0MDRmZjcwN2JmNmMyMDg1YTM2YjU4Yjc0MThjNjViNDYxYzFlMTc4ZDMwNTgxYTFlMzAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.scqxx_HP3kvjwAkl2LCtqeGpzqMFOZXko1c1lLI4KBY)### 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODYxNTIyODEsIm5iZiI6MTc4NjE1MTk4MSwicGF0aCI6Ii80MjA4Mzg0Ni80Mjg2MzEzNjUtNWM4OGJjZjktYzkxNy00NzVmLWFhOTQtYzNiNGExMzE5OGI3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA4MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwODA4VDAxMTk0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEzOTAwODQzOTdlYzI5NWZjM2UwYWRlYjkxZDczNWY2MzczOGI5MTc3NDQ1NmU3YjllNDA5YTIyYWM4MzkwYTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.X1w3yiQCSPbHRkP-kU70ncXIpex_bP207iKO2N6ef80)](https://private-user-images.githubusercontent.com/42083846/428631365-5c88bcf9-c917-475f-aa94-c3b4a13198b7.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODYxNTIyODEsIm5iZiI6MTc4NjE1MTk4MSwicGF0aCI6Ii80MjA4Mzg0Ni80Mjg2MzEzNjUtNWM4OGJjZjktYzkxNy00NzVmLWFhOTQtYzNiNGExMzE5OGI3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA4MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwODA4VDAxMTk0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEzOTAwODQzOTdlYzI5NWZjM2UwYWRlYjkxZDczNWY2MzczOGI5MTc3NDQ1NmU3YjllNDA5YTIyYWM4MzkwYTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.X1w3yiQCSPbHRkP-kU70ncXIpex_bP207iKO2N6ef80) ### 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODYxNTIyODEsIm5iZiI6MTc4NjE1MTk4MSwicGF0aCI6Ii80MjA4Mzg0Ni8zODExMTA4OTgtMDcyODQyZmMtNmIzMi00ZjVhLThkYTctNzMyYzYxNjQ0YTU5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA4MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwODA4VDAxMTk0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM3MzY4MzdmZmYxN2VhMDFiZjYxMTM1ZGM4YzkxNzFkYmYyM2NkNDZiM2Q2YmYzYWIwNDk3OGQ4Mzg4ZDA1MDAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.PwnOuZOgBT5KkqMmroRlVBZZEKeGgYDdIeptOu5GGkA)](https://private-user-images.githubusercontent.com/42083846/381110898-072842fc-6b32-4f5a-8da7-732c61644a59.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODYxNTIyODEsIm5iZiI6MTc4NjE1MTk4MSwicGF0aCI6Ii80MjA4Mzg0Ni8zODExMTA4OTgtMDcyODQyZmMtNmIzMi00ZjVhLThkYTctNzMyYzYxNjQ0YTU5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA4MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwODA4VDAxMTk0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM3MzY4MzdmZmYxN2VhMDFiZjYxMTM1ZGM4YzkxNzFkYmYyM2NkNDZiM2Q2YmYzYWIwNDk3OGQ4Mzg4ZDA1MDAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.PwnOuZOgBT5KkqMmroRlVBZZEKeGgYDdIeptOu5GGkA)### 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODYxNTIyODEsIm5iZiI6MTc4NjE1MTk4MSwicGF0aCI6Ii80MjA4Mzg0Ni8zODExMTA5NTItYjVmMGVhNWMtZjgzYy00NzE5LTg3ZTQtZDEwZjA2YTgyMzM3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA4MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwODA4VDAxMTk0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFiM2E5NTljODc1MTJkMzU4MmM0M2E0Y2JhYmU0ZTY5M2Y0MzE3N2M4N2JmYTIzNWUwNjljOTk3OWFkYmIyYjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.eOLv0ieza4js5KuZ_WHoUd1EYC049ZW0IYtEHbvyHqU)](https://private-user-images.githubusercontent.com/42083846/381110952-b5f0ea5c-f83c-4719-87e4-d10f06a82337.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODYxNTIyODEsIm5iZiI6MTc4NjE1MTk4MSwicGF0aCI6Ii80MjA4Mzg0Ni8zODExMTA5NTItYjVmMGVhNWMtZjgzYy00NzE5LTg3ZTQtZDEwZjA2YTgyMzM3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA4MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwODA4VDAxMTk0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFiM2E5NTljODc1MTJkMzU4MmM0M2E0Y2JhYmU0ZTY5M2Y0MzE3N2M4N2JmYTIzNWUwNjljOTk3OWFkYmIyYjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.eOLv0ieza4js5KuZ_WHoUd1EYC049ZW0IYtEHbvyHqU)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 29 — LowBetter than 57% of packages Maintenance40 Moderate activity, may be stable Popularity10 Limited adoption so far Community9 Small or concentrated contributor base Maturity50 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 504d 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 [metamodels/core MetaModels core 10156.6k68](/packages/metamodels-core)[codefog/contao-news_categories News Categories bundle for Contao Open Source CMS 3290.3k6](/packages/codefog-contao-news-categories)[terminal42/contao-node Node bundle for Contao Open Source CMS 3078.1k6](/packages/terminal42-contao-node)[terminal42/contao-inserttags Contao extension to create custom insert tags. 1052.7k](/packages/terminal42-contao-inserttags) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)