How to align the form at the center of the screen irrespective of screen size(top,bottom,left,right)
Hello,
You can place the form into a bit complex layout that consists of 3 rows and the 2nd row consists of 3 columns. And the form right in the middle.
Available space of the screen will be evenly distributed by rows and column and the form will appear in the middle. For such alignment, empty view (spacers) are used. They are defined as defined as empty hash {} .
webix.ui({
rows:[
{}, //1st row
{ cols:[ //2nd row
{}, //1st column is the 2nd row
{ view:"form", elements:[//2nd column
{view:"text", value:"text1"},
{view:"text", value:"text2"},
{view:"button", value:"Button"}
]},
{} //3rd column
]},
{} //3rd row
]
});