Additional Menu Features

You can specify indent from menu border by using "itemoffset" property:

"style" :
{
	"itemoffset" : {
		"x" : 5, "y" : 1
	},
}

For boolean items you can specify different text for mouse-over, on and off states:

items : [
{
	text : "Menu item", textover : "Over menu item", texton : "Item is on"
},
...
]

You can set a value for delay before menu opening. For this puorise use "otime" property:

var MenuDef = {
	"otime" : 500 // millisecond, default value is 100
};

You can set arbitrary position for every menu item in case "box" property is false. You specify item's position relatively to top-left corner of imaginary container.

"items"	 : [
{
	"text" : "Item 3:2",
	"position" : {
		"pos" : [50,-30]
	}
} ]

You can describe whole menu alignment relatively to window side (window center/left/right side)

For example:

position : {
	align : "right"
}

Example - Additional Features

You can see an example where all enumerated features are present here - Addition features [popup]

You can set autosize 'on' for menu items. So, in case item's content width is bigger that item width, content will be carry over to the next line.

Use

style : {
	autosize : 1
}

for a certain menu level. All sublevels will be also autosized.

For example, here [popup] item's content width fit for item's width.

Example - Autosize

At this example [popup] we set autosize 'on' and decreased item's width.

Read more about CodeThatMenu >>