cbrcon

It should be easy enough to implement in core of this plugin looking at solutions proposed here:

stackoverflow add-new-row-of-color-palettes-in-iris-color-picker

Here is a jQuery hack I quickly wrote. It’s not the best solution, but it does the trick. (not the best solution because the iris plugin still makes the calculations of the width and height, although they’re not being used in the end)

    $('.iris-palette').css({'height':'20px','width':'20px', 'margin-left':'','margin-right':'3px','margin-top':'3px'});
    $('.iris-strip').css('height','140px');
    paletteCount = $('.iris-palette').length
    paletteRowCount = Math.ceil(paletteCount / 8);
    $('.iris-picker').css({'height': 150 + (paletteRowCount * 23)+'px', 'padding-bottom':'15px'});

see jsfiddle

thoughts @kungtiger?

• This reply was modified 6 years, 5 months ago by cbrcon.