search

itsjavi / bootstrap-colorpicker

Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
https://itsjavi.com/bootstrap-colorpicker/
MIT License
1.38k stars 367 forks source link

[feature request] [helpwanted] Move input field in settings window #263

Closed ElodieBergonnier closed 6 years ago

ElodieBergonnier commented 6 years ago

Description

Hello,

I would like to use your colorpicker to set multiple colors (a color palettes actually). So I tried to build a condensed mode where the input field (used to display and set the color value) is not directly visible. I would like to move this input field into the color settings element but did not find how to do this. See screenshots below for of actual and wanted behavior.

Actual behavior

actual_behavior

Wanted behavior

wanted_behavior

itsjavi commented 6 years ago

Hi @ElodieBergonnier I think you can accomplish this using a custom template (check the plugin options in the docs) and events.

ElodieBergonnier commented 6 years ago

Thank you for your help and your quick answer. I struggled a bit with focussing into the input text but I managed to reach my goal!

Here is the jsfiddle this the solution : http://jsfiddle.net/ElodieBergonnier/b6gjjcay/11/

itsjavi commented 6 years ago

That's great! =) thank you for sharing your live example