Stretch wide of deep nested row layouts

Hello all!

I use WebixJet Github-based project as a base for my own application.
I define my custom subview that returns rows layout from the [#config()] method.

As a result, the [top.ts] view have one parent column layout with three-level nested row layouts.

I get something looks like that:
https://snippet.webix.com/cnz7oy14

My problem is this complex layout (and it’s deepest children too) isn’t stretch for all available space - width especially.
And I can’t find out what I should do for that.

Could someone tell me any solution of this trouble?

you are using autowidth for button.
remove autowidth or wrap the button into separate layout.

Hello integral.
Thank you for your advice!

But, unfortunately, button wrapping in another layout doesn’t help - I wrapped it with [cols]
https://snippet.webix.com/1p0d6co1

And I got the same result with [autowidth=true].

What is my mistake?

P.S.: it’s so unclear impact of this parameter on whole layout; where can I read some explanation about it?

Please, add a spacer to the layout that houses the button: https://snippet.webix.com/ivqwad2u

It is a view that shows nothing, but takes the rest of the available space, which allows the main layout to stretch.

it’s so unclear impact of this parameter on whole layout; where can I read some explanation about it?

The autowidth setting calculates the desired width for the button, so as a result, it has a fixed size. Other views in your structure are non-sized, so they align to the fixed-sized one.

Hello Helga!
Thank you a lot for this explanation.