A column layout stretch a button by whole height.

Hello all!

I have a layout with a row contains three columns.
In the first one a form placed, and buttons placed in the second and third ones.
I can’t manage height of these buttons in such simple layout - they always are stretched by whole row height:
https://snippet.webix.com/0igmgeyc

I can solve this trouble with more complex layout:
https://snippet.webix.com/3ry6i18x

But, I think it’s too complex solution for such simple task.

Could anyone tell me solution without such complex layout?

https://snippet.webix.com/e6d5u1nl

@integral
Thanks a lot for your advice!

I think there’s a bug in the layout. The button stretches despite I have defined a fix height.

https://snippet.webix.com/t2h1jtth

Hello @deanthinker,
This is Webix autosizing pattern:

  1. the view takes the whole available space
  2. the views that lie in the same layout section (row or column) take the size of the biggest one.

In you example, components (buttons) adjust to the height of the textarea (height:100 is set to the control), so in order to avoid any issue, please specify the inputHeight:30for both buttons. It will preserve the adjusting behaviour of the entire widget (as it should be for proper sizing) and inputs will be rendered correctly.
Please check the next snippet:
https://snippet.webix.com/uotwitmk

@annazankevich If i give inputHeight 30 also , it shows just 24px instead of 30 px exactly. how to fix this issue. lets look at this url below
https://snippet.webix.com/uotwitmk

Hello @sathishkumar ,

If i give inputHeight 30 also , it shows just 24px instead of 30 px exactly. how to fix this issue.

Please note that the total size on item is 30px.
The whole zone of the conrol ui.button - 38px (by default), the button - 30px (with paddings) ,the button inside - 24px.
Please, take a look at screenshot below:

Thanks @annazankevich