Jquery UI layouts Demo { "height": "1000px", "panes" : {"center": {"title" : "Main Center", "_class" : "span5", "width": "300", "open": true, "widget_on_tab": true, "widget" : ["milestones", "versions"] }, "east" : {"title" : "Right Area", "width": "300", "open": true, "_class" : "", "pinbtn": true, "widget" : ["activity"] }, "west" : {"title" : "Left Area", "width": "350", "open": true, "_class" : "", "height": "600px", "panes" : {"center" : {"title" : "Nested Center Area", "width": "300", "open": true, "_class" : "span12", "widget_on_tab": true, "widget" : ["milestones 1", "versions 1"] }, "north" : {"title" : "Nested North Area", "width": "300", "open": true, "_class" : "span11", "widget" : ["components 1","active tickets 1"] } } }, "south" : {"title" : "South Area", "width": "300", "open": false, "_class" : "span12", "widget" : ["products"] }, "north" : {"title" : "North Area", "width": "300", "open": true, "_class" : "span11", "widget" : ["components","active tickets"] } } } {"milestones" : {"args" : ["TicketFieldValues", null, {"args" : {"field": "milestone", "title": "Milestones", "verbose": true }} ]}, "milestones 1" : {"args" : ["TicketFieldValues", null, {"args" : {"field": "milestone", "title": "Milestones", "verbose": true }} ]}, "activity" : {"args" : ["Timeline", null, {"args" : {"realm" : "ticket", "id" : "${ticket_id}" }} ]}, "products" : {"args" : ["Product", null, {"args" : {"max": 3, "cols": 5 }} ]}, "products 1" : {"args" : ["Product", null, {"args" : {"max": 3, "cols": 5 }} ]}, "versions" : {"args" : ["TicketFieldValues", null, {"args" : {"field" : "version", "title" : "Versions", "verbose" : true }} ]}, "versions 1" : {"args" : ["TicketFieldValues", null, {"args" : {"field" : "version", "title" : "Versions", "verbose" : true }} ]}, "components" : {"args" : ["TicketFieldValues", null, {"args" : {"field" : "component", "title" : "Components", "verbose" : true }} ]}, "components 1" : {"args" : ["TicketFieldValues", null, {"args" : {"field" : "component", "title" : "Components", "verbose" : true }} ]}, "my tickets" : {"args" : ["TicketQuery", null, {"args" : {"max" : 10, "query": "status=!closed&group=milestone&col=id&col=summary&col=owner&col=status&col=priority&order=priority", "title": "My Tickets" }} ]}, "active tickets" : {"args" : ["TicketQuery", null, {"args" : {"max" : 10, "query": "status=!closed&group=milestone&col=id&col=summary&col=owner&col=status&col=priority&order=priority&owner=$USER", "title": "Active Tickets" }} ]}, "active tickets 1" : {"args" : ["TicketQuery", null, {"args" : {"max" : 10, "query": "status=!closed&group=milestone&col=id&col=summary&col=owner&col=status&col=priority&order=priority&owner=$USER", "title": "Active Tickets" }} ]} }