Register Members List Search Today's Posts Mark Forums Read

Reply
 
Article Options
Adding HTML5 color picker to your product settings
Scanu
Join Date: Nov 2010
Posts: 827

I'm an italian student and I'm a wii modder, in the future i'd like to be an apple engineer and i'd like to live in america Follow me http://twitter.com/scanu_account

Italy
by Scanu Scanu is offline 07 Aug 2012
Rating: (1 vote - 5.00 average)

Result
http://www.w3schools.com/html/tryit....put_type_color

In this article i will explain how to put an HTML5 colorpicker to your product setting. Usually what you can do is making a normal input text field where admins can put hex colors you can then use $vbulletin->options['setting_name'] to get that hex value but if you're looking for something more beautiful and easy to use (fir admins) then do as described.

Create your setting

Varname: Your setting varname (to use it later on your mod)

Setting group: The group of settings where the setting is

Product: Your product name

Title: The title of your setting (e.g. Color of the background)

Description: The description of your setting (e.g. Choose a color fron the color picker)

Option code: In this case custom eval code

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Remember that the value you insert will be used in a php string between two double-quotes so in your html tag you can use <font color=\" or <font color=', in this case i decide to use apostrophes.

Default: Your default value (e.g. #000000)

Data Validation type: Free

Validation PHP Code: Not useful now

Last edited by Scanu : 26 Jul 2014 at 11:35.
Views: 3621
Reply With Quote
Comments
  #2  
Old 30 Aug 2012, 19:14
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Amazing Scanu, I cant like your post telling me that I must like anothers post befor Liking yours .. And I did like another one and came back.. Still the same.. Strange..

Well done
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM
Reply With Quote
  #3  
Old 20 Sep 2012, 00:53
abdobasha2004's Avatar
abdobasha2004 abdobasha2004 is offline
 
Join Date: Aug 2008
screen shots not working !
__________________
Egypt News website, latest Egyptian news updated instantly.
Reply With Quote
  #4  
Old 20 Sep 2012, 19:55
Scanu's Avatar
Scanu Scanu is offline
 
Join Date: Nov 2010
Location: Italy
Real name: Andrea Scanu
Sorry moderators removed attachments (don't ask me why)
I'll upload new screenshots soon
Reply With Quote
  #5  
Old 30 Oct 2012, 00:55
Dorgham's Avatar
Dorgham Dorgham is offline
 
Join Date: May 2012
Thanks
but screen shots not working
__________________
AdSense revenue sharing 100% - [ Hanan ]
News, egypt : أخبار مصر - Photo, picture : صور
Reply With Quote
  #6  
Old 30 Oct 2012, 09:54
Scanu's Avatar
Scanu Scanu is offline
 
Join Date: Nov 2010
Location: Italy
Real name: Andrea Scanu
Sorry again, i didn't find time to upload new screens. You can search on google for some image of the html 5 color picker (input type color).
Reply With Quote
  #7  
Old 08 May 2014, 01:10
Dr.CustUmz's Avatar
Dr.CustUmz Dr.CustUmz is offline
 
Join Date: Aug 2013
Real name: Ryan
are there any products anyone know of off hand that have this in them, i'd like to see how it's implemented
Reply With Quote
  #8  
Old 26 Jul 2014, 11:30
Scanu's Avatar
Scanu Scanu is offline
 
Join Date: Nov 2010
Location: Italy
Real name: Andrea Scanu
http://www.w3schools.com/html/tryit....put_type_color
This is how it will look, it doesn't work on all browsers, on old browsers you'll see a normal text field
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Article Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 15:37.

Layout Options | Width: Wide Color: