Manipulate Resizer on Button Click

Hi,

I would like to animate the resizer by clicking the button. By referring the snippet: Code Snippet

when clicking the list, it should show the left panel,
when click split, then it should show both panel,
when click details, then it should show the right panel.

I try to play with panel gravity, but the layout doesn’t refresh. Is there any alternative way to achieve this?

why not to show / hide required elements?

Integral’s suggestion does seem to be the easiest.

https://webix.com/snippet/0a389ba4

Hi @intregal @gavinn I aware of the hide and show. Just prepare on the future maintenance as may request 1/3 from left panel and 2/3 from right panel. Does it means we play on the width of the panel instead of resizer?

As for the original question - you need to call layout.resize to apply new gravity, and gravity must be a positive value.

https://webix.com/snippet/d79188cc