A silly question(?) Accordion auto sizing.

Webix JS
1

Hello,

I am using backbone combined with Webix to create my application. The problem i have run into is that with the accordion i don’t seem to be able to figure out how to make it auto size. Similar to : Accordion | jQuery UI
It should expand to the height of the rows body content. Without me having to explicitly set the height (on each row or for the whole accordion).
I am using the WebixView (backbone view implementation):

JSBIN code snipped ( not functional! )

Hopefully somebody can tell me the answer since its probably something very small i forgot to set.

2

By default accordion will attempt to size self to parent container, and will adjust the height of panels accordingly

http://webix.com/snippet/662fb912

If you want to size the accordion to the inner content, you need to set the height for the cells, or use autoheight attribute ( in such case the height will be set based on size of content )

http://webix.com/snippet/e8a311ee

3

Second snippet was the solution though this only works for non-nested accordions.
When you try to do something like: http://webix.com/snippet/6e2fd727

It fails to determine the height of the sub item from the accordion.

4

Check http://webix.com/snippet/424ef940
It is the same as your code, I only have removed height:“auto” option ( height property can have only numerical value )

5

Ah perfect thank you.