How to config adaptive/responsive layouts for different screen resolution?
as simple sample:
in ideal:
{
view: “layout”,
cols:[
{view1, …, minwidth: 200 },
{view2, …, minwidth: 400 },
{view3, …, minwidth: 150 },
],
}
How to config adaptive/responsive layouts for different screen resolution?
as simple sample:
in ideal:
{
view: “layout”,
cols:[
{view1, …, minwidth: 200 },
{view2, …, minwidth: 400 },
{view3, …, minwidth: 150 },
],
}
Check
http://docs.webix.com/desktop__responsive_layout.html
http://docs.webix.com/samples/01_layout/11_responsive.html
In case of complex UI you will want to have a different interface for mobile and big screen devices anyway. The simple “convert columns to rows” doesn’t work when you have a really complex UI.
hi, in my browser (google chrome and safari on iphone) the sample of responsive layout is not working, this is a screnshoot http://prntscr.com/in4pea
Add the next line
webix.ui.fullScreen();
It will switch adjusting mode, and UI will correctly fill the screen
how to detect the displacement of the layout on flexlayout,
I want to adjust the height when the screen is small, and autoheight when the screen is wide