webix.ui({
rows:[
{ type:“header”, template:“My App!” },
{ cols:[
{ view:“datepicker”, data:tree_data, gravity:0.3 },
{ view:“resizer” },
{ view:“datatable”, autoConfig:true, data:grid_data }
]}
]
})
Second row height is equal to datepicker height.
How to set like height:100% ?
fixed with this (column code snippet):
{
header: “filters”,
body: {
rows: [
{
view:“form”,
id:“log_form”,
width:300,
elements:[
{ view:“text”, label:“Email”},
{ view:“text”, label:“Password”},
{ margin:5, cols:[
{ view:“button”, value:“Login” , type:“form” },
{ view:“button”, value:“Cancel” }
]}
]
},
{ view: “template”, },
]
},
width: 350,
minWidth: 250,
}Layout takes the minimum requested size. As grid has not height specified, it uses the default height of datepicker. You can change it in tow way
a) set datepicker to autosize ( there will be no fixed width on any view, so all of them will be fit to screen size )
http://webix.com/snippet/c3f7ea2a
b) add empty view below datepicker
http://webix.com/snippet/6346263a
Thank you. Fixed with add a vew template after date picker. This is a test app
http://provecta.md/ordersweb/?id={a4c0670f-1c10-e311-9f63-00218566f958}
Next i will test with angular for production.
Good luck