buttons in toolbar disappear when resize layout/browser window

Webix JS
1

Hi all,
I have many buttons in toolbar, when user resize the layout or browser window (make less wide), then buttons behind will disappear.

http://webix.com/snippet/8466e1d6

what’s the solution for this scene ? thanks!

2

(a) remove width property, so buttons will autosize
http://webix.com/snippet/d735802e

(b) user responsive property
http://webix.com/snippet/7e534c6b

3

Perfect! Thanks @maksim

4

Another question, when there are more buttons(with width 100), that will force the responsive elements fill many rows. How to fix it?

http://webix.com/snippet/d2d80bed

5

Responsive attribute allows to define a target layout, to which item will be moved, when screen is not enough to show it at the original place.

There is no “float” kind of layout, where buttons just switch on next line on overflow.

6

Hi maksim, is that a plan to add this useful “float layout” feature? or tabbar-like layout

7

Not quite sure yet.

There are two major tasks which will be added in version 2.5 or 3.0 - free sizing of elements and better responsive behaviors. As part of this process, we can create a “float” layouts as well.

8

Hi maksim, is that able to add this feature to Trello?

9

I have added it to the roadmap