Reverse Order of Hidden Toolbar Items in Responsive Layout

Webix JS
1

Hi everyone

I’m using a Webix toolbar with a responsive layout in my application
The behavior works as expected when the window gets smaller
Buttons that do not fit are hidden and moved into a more button

However I noticed that the items start disappearing from the left
For example in this snippet Code Snippet
Items are hidden in this order Template 0 Template 1 Template 2 and so on

What I want instead is to hide items starting from the right
So that Template 7 Template 6 Template 5 are hidden first
The leftmost buttons should stay visible as long as possible

Is there a built-in way to change this behavior
Or do I need to implement custom rules to control the hiding order

Thanks for your help
Gorden

2

Hello,

At the moment, there is no built-in solution for that, but we are aware of this issue and we plan to expand the toolbar customization options in one of our future releases.

For now, however, you’ll need to handle window or element resizing yourself and show or hide toolbar items as needed. Here’s an example that demonstrates a possible approach to hiding items on the right: Code Snippet. If this solution fits your needs, you can implement similar logic in your toolbar.