modern adaptive/responsive layout design in Webix?

Webix JS
1

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 },
],
}

2

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.

3

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

4

Add the next line

webix.ui.fullScreen();

It will switch adjusting mode, and UI will correctly fill the screen

5

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

https://snippet.webix.com/cj8ay6ai