List of Stylevar Data Types

[arvid]

I was searching for a list of the different Stylevar Data Types in vBulletin 4, what they can contain and how they are implemented in css templates. This is only really relevant if you add your own Stylevars, but then it's really relevant. Below you'll find a list of the different Data Types and a short description and an image. All from vB 4.0.2.

Simple Types
String

Any textstring can be entered. Useful together with the Validation field, or maybe a phrase would be more fitting for your application?

Numeric


Any textstring can be entered. No validation is build into the type. The only real benifit compared to the String type is that the title of the input box is Numeric instead of String, hinting to the user what should be entered. If you are going to use the value for a size I would use either the Dimension type or the Size type instead. Or use the Validation field if the numeric part is important.

URL


Any textstring can be entered. No validation built into the type this time either. As with Numeric, the only real benifit compared to the String type is the title ("URL").

Path


Again, any textstring can be entered, so the title is the only benifit compared to the String type.

Color


This time, the type actually gives us something compared to the String type. This gives us a textfield and the little color-square you surely know by now. Either you enter the color in the textfield, or you click on the square and use the popup. Again there is no validation check that what you entered is a correct css color if you don't use the Validation field.

Image Path


As most of the other simple types, this only gives you a title.

Image


This doesn't even give you its own title, this just gave me a regular textfield labeled "String".

Font List


This gives you a textarea input box instead of the textfield, and its own title.

Size


This gives you a select box labeled units containing different css units (px, em, % etc) and a textbox labeled Size. As usual, the texbox isn't validated.