Tools bar: how to prevent its stretching?

Webix JS
#1

I have vertical toolbar and a lot of icons on it.
When I add other icons and them roll down under window bottom side, then tollbar is stretched and all other interface in the window do the same.

How to force toolbar to not resize and make its items scrollable without visible scroll?
Thanks.

#2

Hi, @russell !
Could you please provide a snippet as an example of the described issue?

#3

You can place toolbar inside of scrollview

{
    rows:[
        { view: scrollview, body: { view:"toolbar", cols: buttons } },
        some_other
    ]
}

It will look horrible with default scrollbars though, so I strongly recommend to enable custom scrolls

https://docs.webix.com/desktop__scroll_control.html#webixcustomscroll

#4

Thank you, Maksim.
I will try it.
I noticed that custom scroll is not appropriated for my in all cases.
Can I use it only for one widget instance?

#5

I have checked the code and seem minWidth for toolbar will fix the behavior as well
https://snippet.webix.com/glcw641z

Can I use it only for one widget instance?

Nope. It is all or none.

#6

Yes, but how to scroll to see all buttons?

#7

Don’t waste your time.
I will try with custom scroll and write own wrapping control if so.
Thanks.

#8

Custom scroll works good for toolbars.
Will think how to apply it in other places.
Thanks.