Check out this programming example to enable view hiding and showing in response to the changes of window size. When there is not enough space, the last view from the left is hidden first. Feel free to use our code samples or a snippet tool below to create web applications.
webix.ui({
type:"space",
responsive:true,
cols:[
{
view:"list",
data:["Users", "Reports", "Settings"],
ready:function(){ this.select(this.getFirstId()) },
select:true,
scroll:false,
minWidth:150
},
{ template:"Resize the view", minWidth:150 },
{
view:"datatable",
columns:[
{ id:"title", fillspace:1 },
{ id:"votes"}
],
data:grid_data,
minWidth:250
}
]
});