Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Compatibility with Spectrum color picker. #19

Open
glemmon opened this issue Feb 19, 2016 · 2 comments
Open

Compatibility with Spectrum color picker. #19

glemmon opened this issue Feb 19, 2016 · 2 comments

Comments

@glemmon
Copy link

glemmon commented Feb 19, 2016

I would like to use the Spectrum color picker in a slide out (mb.extruder) form. When placed in the mbExtruder color picker does not open as expected. An example is here:

http://weatherby.genetics.utah.edu/phevor2/spectrum_test/test.html

@mischievous
Copy link

Yea! Its not me... I have the same problem with input type = 'color'.

@pupunzi
Copy link
Owner

pupunzi commented Jul 8, 2016

@glemmon in your case you've a z-index problem of the Spectrum container. The solution is here:

$("#extruderRight").buildMbExtruder({
        scrollTimer: 4000,
        position:"right",
        width:300,
        hidePanelsOnClose:false,
        closeOnClick:false,
        extruderOpacity:.8,
        textOrientation:"tb",
        onExtContentLoad:function(){
                $('#example').spectrum({
                        color:'red',
                        appendTo:"extruderRight",
                        showAlpha:true,
                });
        },
        onExtOpen:function(){
                //bring the Spectrum colors container on the front
                $(". sp-container").mb_bringToFront();
        },
});

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants