CodeThatTab - Percentage Sizes Example

var tabDef = {
	"x" : 10, "y" : 100,
	"width" : "80%", "height" : "35%",
	"offset" : 10,
	"spacing" : 5,
	"padding" : 8,
	"layout" : 'top',
	"cssover" : "over",
	"css": "curr1",
	"csscurr":"curr2",
	"border":{"color":"black", "width":1},
	
	"tabs" : [
	{
		"text" : "30%",
		"width": "30%",
		"hint" : "Tabset's size 80% x 35%<br><br>CodeThat.com is the ultimate source of the high-quality, cutting-edge web technologies.\
		 In particular, we offer a JavaScript menu, a JavaScript tree, and other scripts, which can be easily integrated into almost any site providing visitors with a fast, high-quality navigation system. \
		 We offer freeware and commercial versions of our scripts so that anybody from students to big corporations can benefit from using our first-class solutions.",
		"csscurr" : "curr0",
		"css" : "curr0"
	},
	{
		"text" : "20%",
		"width": "20%",
		"hint" : "What's New? <li>Now you have a possibility to export only that rows where data was changed <li>You can use \
		user-defined functions for auto-filled columns creation <li>You can perform search in grid right from url <li>You can hide cells with rows/columns names ",
		"csscurr" : "curr1",
		"css" : "curr1"
	},
	{
		"text" : "10%",
		"width" : "10%",
		"hint" : 'Hot News! Visit our <a href="http://www.codethat.com">Hot</a> section for a list of \
		CodeThat.Com scripts that are popular to the visitors.',
		"csscurr" : 'curr2',
		"css" : 'curr2'
	}]
};