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?

Comments

  • 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?

  • edited July 11

    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.

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!