Adding more colors to the Editor

Ape · Ape Sun 26 Apr 2015, 20:06

Hi all right now the main Forum Editor has lots of colour's but it Don't have any Greys in it is there away to add more Colour's to the forums colour picker ?
This is what it looks like now on my forum Adding more colors to the Editor Captur18

Adding more colors to the Editor Captur18

I would like to add say 5 or 6 shades of Grey to that system if it can be done.

much thanks for any help

APE

**Ange Tuteur** · **Ange Tuteur** Mon 27 Apr 2015, 17:13

Hey @Ape,

Create a new script with placement in all the pages. Then paste the following as the content :

Code:: $(function() { if (!$.sceditor) return; $.sceditor.defaultOptions.colors = '#000000, #000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000|' + '#000000, #000000,#333333,#666666,#999999,#CCCCCC,#FFFFFF,#FF0000,#00FF00,#0000FF,#FFFF00,#00FFFF,#FF00FF|' + '#000000, #000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000|' + '#000000, #000000,#000033,#000066,#000099,#0000CC,#0000FF,#990000,#990033,#990066,#990099,#9900CC,#9900FF|' + '#000000, #003300,#003333,#003366,#003399,#0033CC,#0033FF,#993300,#993333,#993366,#993399,#9933CC,#9933FF|' + '#000000, #006600,#006633,#006666,#006699,#0066CC,#0066FF,#996600,#996633,#996666,#996699,#9966CC,#9966FF|' + '#000000, #009900,#009933,#009966,#009999,#0099CC,#0099FF,#999900,#999933,#999966,#999999,#9999CC,#9999FF|' + '#000000, #00CC00,#00CC33,#00CC66,#00CC99,#00CCCC,#00CCFF,#99CC00,#99CC33,#99CC66,#99CC99,#99CCCC,#99CCFF|' + '#000000, #00FF00,#00FF33,#00FF66,#00FF99,#00FFCC,#00FFFF,#99FF00,#99FF33,#99FF66,#99FF99,#99FFCC,#99FFFF|' + '#000000, #330000,#330033,#330066,#330099,#3300CC,#3300FF,#CC0000,#CC0033,#CC0066,#CC0099,#CC00CC,#CC00FF|' + '#000000, #333300,#333333,#333366,#333399,#3333CC,#3333FF,#CC3300,#CC3333,#CC3366,#CC3399,#CC33CC,#CC33FF|' + '#000000, #336600,#336633,#336666,#336699,#3366CC,#3366FF,#CC6600,#CC6633,#CC6666,#CC6699,#CC66CC,#CC66FF|' + '#000000, #339900,#339933,#339966,#339999,#3399CC,#3399FF,#CC9900,#CC9933,#CC9966,#CC9999,#CC99CC,#CC99FF|' + '#000000, #33CC00,#33CC33,#33CC66,#33CC99,#33CCCC,#33CCFF,#CCCC00,#CCCC33,#CCCC66,#CCCC99,#CCCCCC,#CCCCFF|' + '#000000, #33FF00,#33FF33,#33FF66,#33FF99,#33FFCC,#33FFFF,#CCFF00,#CCFF33,#CCFF66,#CCFF99,#CCFFCC,#CCFFFF|' + '#000000, #660000,#660033,#660066,#660099,#6600CC,#6600FF,#FF0000,#FF0033,#FF0066,#FF0099,#FF00CC,#FF00FF|' + '#000000, #663300,#663333,#663366,#663399,#6633CC,#6633FF,#FF3300,#FF3333,#FF3366,#FF3399,#FF33CC,#FF33FF|' + '#000000, #666600,#666633,#666666,#666699,#6666CC,#6666FF,#FF6600,#FF6633,#FF6666,#FF6699,#FF66CC,#FF66FF|' + '#000000, #669900,#669933,#669966,#669999,#6699CC,#6699FF,#FF9900,#FF9933,#FF9966,#FF9999,#FF99CC,#FF99FF|' + '#000000, #66CC00,#66CC33,#66CC66,#66CC99,#66CCCC,#66CCFF,#FFCC00,#FFCC33,#FFCC66,#FFCC99,#FFCCCC,#FFCCFF|' + '#000000, #66FF00,#66FF33,#66FF66,#66FF99,#66FFCC,#66FFFF,#FFFF00,#FFFF33,#FFFF66,#FFFF99,#FFFFCC,#FFFFFF'; });

This will give you a color cubes layout.

Ape · Ape Mon 27 Apr 2015, 17:48

ok that worked but i have one small problem now lol

the color box is right out of place and is going down i would like it going across like before and moved over to the right under the button please Wink

Screen shot of what it looks like now Razz

Adding more colors to the Editor Captur19

**Ange Tuteur** · **Ange Tuteur** Mon 27 Apr 2015, 18:04

That's weird, it should display like this :
Adding more colors to the Editor Captur22

Do you have anything in your CSS modifying the following elements ?

.sceditor-color-option
.sceditor-color-column
.sceditor-color-picker

Ape · Ape Mon 27 Apr 2015, 18:08

Yes i had this

Code:: .sceditor-color-column { float:none !important; } .sceditor-color-column a { display:inline-block; }

but the box is still to the Left on the page when I remove that code.

EDIT:
Screen shots QR  Adding more colors to the Editor Captur20

main Reply window 
Adding more colors to the Editor Captur21

**Ange Tuteur** · **Ange Tuteur** Mon 27 Apr 2015, 23:46

After inspecting, I noticed there's a script installed which is changing the offset. It's this script :

Code:: $(window).load(function () { $('.sceditor-button-color').click(function () { var x = $(this).offset().left - 400; $('.sceditor-color-picker').css('left', x + 'px') }) });

Ape · Ape Tue 28 Apr 2015, 18:34

lol Not sure what that was for but i changed the -400 to 90 and it fits just right now i used it to move the box out of the way of the Emotes on the right of the Quick Reply as it was over hanging some.

Thank you
SOLVED ...... You are the best @Ange Tuteur For you

**Ange Tuteur** · **Ange Tuteur** Fri 01 May 2015, 18:40

No problem Smile

I think we added that way back, I can't remember when though. reflect

Sponsored content · Sponsored content

IMPORTANT

Adding more colors to the Editor

Adding more colors to the Editor

Re: Adding more colors to the Editor

Re: Adding more colors to the Editor

Re: Adding more colors to the Editor

Re: Adding more colors to the Editor

Re: Adding more colors to the Editor

Re: Adding more colors to the Editor

Re: Adding more colors to the Editor

Re: Adding more colors to the Editor

Create an account or log in to leave a reply

Create an account

Log in