Unable to size accordion within a form and scroll view

Hi:

Pl see https://snippet.webix.com/ku5ko715. We are trying to set width for the Accordion to 420, but unable to do so. It always takes up the full width of screen.

Pl let us know how to fix it. The view structure is complex (Accordion within form which is within a scroll view), but it is absolutely required for our app.

Looking forward to the fix.

Hello @jvenkat74 ,

It is a matter of sizing priorities.

If the body was used as a container and no strict width was set right to the top level of the UI, it aims to fit the body.
In such case, the nested layout cells (rows/cols and components’ body) are forced to take the same width while the widgets (templates, icons and other) preserve their settings.

In order to set the specific width to the entire UI, please declare it to the top level: https://snippet.webix.com/u7iep7zi

If only the accordion should be sized within the scrollview, please add a spacer to prevent unnecessary resize - it is a common solution in such case: https://snippet.webix.com/vy9459qg