from xml from json
<item
	id      = "filter"		// required, will generated automatically if empty
	type    = "buttonInput"		// required, item type
	value   = "Text inside input"	// optional, text inside input
	title   = "Tooltip here"	// optional, tooltip for item
	enabled = "false"		// optional, disable item
	hidden  = "true"		// optional, hide item
	width   = "120"			// optional, input width
>
	// optional, userdata
	<userdata name="p1">value1</userdata>
	<userdata name="p2">value2</userdata>
</item>
{
	id:      "filter"		// required, will generated automatically if empty
	type:    "buttonInput"		// required, item type
	value:   "Text inside input"	// optional, text inside input
	title:   "Tooltip here"		// optional, tooltip for item
	enabled: false			// optional, disable item
	hidden:  true			// optional, hide item
	width:   120			// optional, input width
	userdata: {			// optional, userdata
		p1: "value1"		// userdara, name:value pairs
		p2: "value2"
	}
	
	// deprecated:
	
	disabled: true			// => enabled: false
	text:     "Text inside input"	// => value: "Text inside input"
}
The purpose of this demo is to show you list of available xml and json attributes in action