response form

Webix JS
#1

Is there a built-in option to render colomns in a form defintion as rows when a minimum width of the form is reached?

https://webix.com/snippet/m/9570ae2d

#2

try flexlayout
https://docs.webix.com/desktop__responsive_layout.html#flexlayout

#3

according to the documentation:

FlexLayout must always define columns, there is no support for rows-based FlexLayout.

When there is enough space (desktop) i want rows and columns and on mobile only rows.

#4

Hi,

However, for your case it would be more suitable to add responsiveness with the related responsive setting: https://webix.com/snippet/fee72f6d

#5

Thanks, but when i try to enable the responsive mode by setting a high minWidth, the order of the fields is wrong. row 1 is on the second row and row2col1 is on the first row

https://webix.com/snippet/b89a9777

#6

Then you can wrap “responsive” rows into another “rows” layout: https://webix.com/snippet/a46eb02e

#7

ah Thanks! Maybe add this sample to the documentation of responsive forms :wink: