I have an app that fills the browser window. Content is automatically resized. However, in some cases, I would like to set a maxWidth, or even a fixed width to a component. For instance: forms (and inputs) shouldn’t be stretched out.
I can set inputWidth to my input components, but when I put two inputs next to eachother (in columns), the right one is put somewhere in the middle of the screen.
I have tried playing around with minWidth, maxWidth and width, but with weird results.
maxWidth will not just set the maxWidth for my component, but for the ENTIRE layout. That can’t be normal?
How can I set the width of my form to a fixed width in a fullscreen app?
When you have defined a width for element and layout, and have not defined width for the layout itself, layout will size to the inner view. Form will adjust to input, window will adjust to form, etc.
At first, I tried setting width to each component, but this made the layout collapse. I don’t want that. See my example: http://webix.com/snippet/8f2efd7e
Then, I tried adding another column structure and set a spacer to the right column. That seems to do the trick! http://webix.com/snippet/e2c670cc