The Arcive of vBulletin Modifications Site. |
|
|
|||||||
|
Adding HTML5 color picker to your product settings
 Scanu
Join Date: Nov 2010
Posts: 829
08-06-2012, 09:00 PM
Result http://www.w3schools.com/html/tryit....put_type_colorIn 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 HTML Code:
<input type='color' value='$setting[value]' name='setting[$setting[varname]]' id='sel_setting_$setting[varname]' >
Default: Your default value (e.g. #000000) Data Validation type: Free Validation PHP Code: Not useful now 
|
|
#2
08-30-2012, 04:14 PM
|
|||
|
|||
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
|
|
#3
09-19-2012, 09:53 PM
|
||||
|
||||
|
screen shots not working ! :erm::erm:
|
|
#7
05-07-2014, 10:10 PM
|
||||
|
||||
|
are there any products anyone know of off hand that have this in them, i'd like to see how it's implemented
|
|
#8
07-26-2014, 08:30 AM
|
||||
|
||||
|
<a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_color" target="_blank">http://www.w3schools.com/html/tryit....put_type_color</a>
This is how it will look, it doesn't work on all browsers, on old browsers you'll see a normal text field
|
|
#9
08-02-2016, 04:42 PM
|
|||
|
|||
|
Scanu, thanks for sharing! What about multiple color pickers with separated values(such as a comma separated), but in one setting? Something like this:
 At this moment, I add to Code Option next value: Code:
<input type='color' value='$setting[value]' name='setting[$setting[varname]]' id='1sel_setting_$setting[varname]' > <input type='color' value='$setting[value]' name='setting[$setting[varname]]' id='2sel_setting_$setting[varname]' > <input type='color' value='$setting[value]' name='setting[$setting[varname]]' id='3sel_setting_$setting[varname]' > --------------- Added [DATE]1470171077[/DATE] at [TIME]1470171077[/TIME] --------------- Forget it... I found this article: https://vborg.vbsupport.ru/showthread.php?t=181044 and figure out how I can implement what I need.
|
 |
«
Previous Thread
|
Next Thread
»
|
|
All times are GMT. The time now is 12:37 AM.