multiview, done as example, no content?

Webix JS
1

Gurus,
I may be doing something wrong, however my eyes can’t see what it is… Being a newbie to webix i started with creating a more complex multiview layout that did not work. I kept on simplifiying it until i got to the point where it was like in the examples but no content would appear in my code, only the tabs are working. what’s wrong with my code?

here it is:

webix.ready(function(){
	webix.ui({
		container:"maindiv",
		//type:"wide",
		rows: [
		{rows: [
			{view:"segmented", multiview:true, id:"logbar", value:"viewTrip", options:[
				{value:"View Trips", id:"viewTrip"},
				{value:"Post your ad", id:"newTrip"},
				{value:"Check my messages", id:"viewMailbox"}
			]},
			{height:5},
			{ id:"multicontent", multiview:true, cells:[
				{id:"viewTrip", template:"<i>Select an item in List to edit it in Form</i>",padding:5},
				{id:"newTrip", template:"<i>Select an item in List to edit it in Form</i>",padding:5},
				{id:"viewMailbox", template:"<i>Select an item in List to edit it in Form</i>",padding:5}
			]}
		]}
		]
	}); 
});
2

You need to set height on the container’s div or on one of templates.

http://webix.com/snippet/837a3df6

http://webix.com/snippet/a5d8b075

Currently, both elements lack height property and as result height is adjusted to minimal possible one.

3

thanks a milion. that was it, now it works