A set of eyecon color panels appears behind the jqgrid (jqueryui) dialog in the edit form

Question

I would like to know if anyone used eyecon color matching with the jqueryui dialog? Everything works fine, but whenever a user clicks on a text field to display a color picker, a color picker appears in the jqueryui panel. This is similar to the z-index property. Any help would be greatly appreciated. Thank.

Answer 1

edit colorpicker.css and specify z-index:

.colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(../images/colorpicker_background.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    z-index:1005;
}