Color changer
#1
I am wondering if there was a way I can add a color changer, but not the hex one that is known. I would like to add a button where users can switch between a list of preset colors. Much like the following: [Image: XAQoPZA.png?1]

My forum is: ForumPl.us

Thank you for the help.
Reply
#2
Like this?

[Image: wafhlt.png]
Reply
#3
Though OP wants a colour pallette ( a limited one by the looks of it ), he/she might be looking for preset options that replaces hex codes as a whole. Another simple way I think of it is using JS where hex codes can be replaced according to click.

I would be trying AngularJS with ng-click and having the colour's hexcode under a {{colour}}. With ng-click = " expression to replace hex code "
Reply
#4
(2016-07-25, 05:56 PM)meetdilip Wrote: Though OP wants a colour pallette ( a limited one by the looks of it ), he/she might be looking for preset options that replaces hex codes as a whole. Another simple way I think of it is using JS where hex codes can be replaced according to click.

I would be trying AngularJS with ng-click and having the colour's hexcode under a {{colour}}. With ng-click = " expression to replace hex code "
 This sounds about right. I'm not very skilled with all the coding. Is there a tutorial or guide somewhere that I would be able to follow?

thank you!
Reply
#5
Your best chance would be trying to integrate a jQuery plugin like this

https://github.com/infario/colorpanel
Reply
#6
(2016-07-25, 08:08 PM)meetdilip Wrote: Your best chance would be trying to integrate a jQuery plugin like this

https://github.com/infario/colorpanel

Seems really difficult. I'll try to figure it out. Thank you for helping Smile
Reply
#7
(2016-07-25, 08:12 PM)ChatPlus Wrote:
(2016-07-25, 08:08 PM)meetdilip Wrote: Your best chance would be trying to integrate a jQuery plugin like this

https://github.com/infario/colorpanel

Seems really difficult. I'll try to figure it out. Thank you for helping Smile

You are welcome

PS : You can also contact the theme author @envira for the same. He would be taking custom skin requests.
Reply
#8
(2016-07-25, 08:13 PM)meetdilip Wrote:
(2016-07-25, 08:12 PM)ChatPlus Wrote:
(2016-07-25, 08:08 PM)meetdilip Wrote: Your best chance would be trying to integrate a jQuery plugin like this

https://github.com/infario/colorpanel

Seems really difficult. I'll try to figure it out. Thank you for helping Smile

You are welcome

PS : You can also contact the theme author @envira for the same. He would be taking custom skin requests.

Do I just add the things that I want the color changed for to the .css file and that's it? I'm still confused by this. do I just create a new .css file on the theme with what I want changed?

[Image: ayBqFfI.png]

I managed to get it on the site, but when I click it, nothing happens. Any help?
Reply
#9
You need to associate the plugin with the classes whose colour you need to change.
Reply
#10
(2016-07-26, 01:24 PM)meetdilip Wrote: You need to associate the plugin with the classes whose colour you need to change.

How do I go about associating it?
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)