Ist es möglich, WordPress Core (Iris) ColorPicker-Wrapper höher zu machen, anstatt Farbboxen kleiner zu skalieren?

Ich habe ein Problem mit WordPress Core Colorpicker. Ich erhalte eine zufällige Anzahl von colors vom Server (die colors einer bestimmten Website holt). Diese colors möchte ich in der Farbpalette verwenden und das kann ich mit folgendem Code erreichen:

Javascript (jquery):

var colors_ajax= $.ajax({ type: 'POST', data:{ action: 'getwebcolors', web_adr: web_adr }, url: '/wp-admin/admin-ajax.php', dataType: 'json' }); colors_ajax.done(function(palette_colors) { var options = { color: true, mode: 'hsl', controls: { horiz: 's', // horizontal defaults to saturation vert: 'l', // vertical defaults to lightness strip: 'h' // right strip defaults to hue }, hide: true, // hide the color picker by default border: true, // draw a border around the collection of UI elements target: false, // a DOM element / jQuery selector that the element will be appended within. Only used when called on an input. width: 200, // the width of the collection of UI elements palettes: palette_colors // show a palette of imported color. } $('.my-color-field').iris(options); }); 

Wenn ich mehr als 15 colors sage, werden sie sehr, sehr klein (etwa 9×9 Pixel). Gibt es eine Möglichkeit, den Wrapper in der Höhe zu skalieren, anstatt die Farbfelder zu skalieren (ich möchte immer die gleiche Größe in den “colorboxes”)? Ich möchte feste Breite wie 200px oben festgelegt haben.

Gibt es eine Möglichkeit, Spalten oder Zeilen anzugeben? Ich habe nichts darüber gefunden. Wenn ich andere Fragen wie meine anschaue, scheint es einen Bedarf zu geben, aber keine Lösung?

Solutions Collecting From Web of "Ist es möglich, WordPress Core (Iris) ColorPicker-Wrapper höher zu machen, anstatt Farbboxen kleiner zu skalieren?"

Ich habe gefunden, wonach ich gesucht habe: https://stackoverflow.com/questions/30732181/add-new-rof-of-color-palettes-in-iris-color-picker

Ich habe mehrere Paletten auf einer Seite und habe dem Code einige Zeilen hinzugefügt, wenn ich mehr als eine Palette auf einer Seite habe

 ...setup options... $('.my-color-field').iris(options); $('.iris-palette').css({'height':'20px','width':'20px', 'margin-left':'','margin-right':'3px','margin-top':'3px'}); $('.iris-strip').css('height','140px'); //Nr of palette-areas? This is need if you have several //palettes on one page (else the palette-box would have an //unnessary large height) var paletteareasCount = $('.palette-area').length; var paletteCount = Math.ceil( $('.iris-palette').length / paletteareasCount); var paletteRowCount = Math.ceil(paletteCount / 8); $('.iris-picker').css({'height': 150 + (paletteRowCount * 23)+'px', 'padding-bottom':'15px'}); 

html

 

jsFiddle: http://jsfiddle.net/g4ucnquz/6/