itsjavi / bootstrap-colorpicker

Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.

Home Page:https://itsjavi.com/bootstrap-colorpicker/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How with bootstrap-colorpicker to get selected color only in format “#ffffff”?

sergeynilov opened this issue · comments

Hello,
In my laravel 5.8 / "bootstrap": "^4.0.0" app I use
I use bootstrap-colorpicker with sample :
https://itsjavi.com/bootstrap-colorpicker/tutorial-p02_Advanced_Examples.html

and I want selecting color from picker always to get selected color in format “#ffffff”.
But the problem is that periodically got value in rgb format : https://prnt.sc/rwqlqj
Looks like it happens when I click on outer block selection.
Are there some options to get selected color only in format “#ffffff” ?

I tried the example in link above like :

        $('#cp_color').colorpicker({ 
            popover: false,
            inline: false,
            container: true,
        })

            .on('colorpickerChange colorpickerCreate', function (e) {
                var colors = e.color.generate('tetrad');

                colors.forEach(function (color, i) {
                    var colorStr = color.string(),
                        swatch = e.colorpicker.picker
                            .find('.colorpicker-swatch[data-name="tetrad' + (i + 1) + '"]');

                    swatch
                        .attr('data-value', colorStr)
                        .attr('title', colorStr)
                        .find('> i')
                        .css('background-color', colorStr);
                });
            })
        ;

How to get selected color only in format “#ffffff” ?
Thanks!

what you want is the "format" option documented here https://itsjavi.com/bootstrap-colorpicker/tutorial-Basics.html

please read the documentation before opening an issue, which is not really an issue.
thanks.