Toolbar: Auto Layout Icons

How do I get the toolbar component to automatically lay out five icons and space them evenly? By default they are all left aligned.

I have tried autowidth: true, but the effect is that the icons go off the phone screen. The toolbar should not extend past the screen dimensions.

I seem to have fixed this by changing the icons into buttons and type:“icon”. They do auto-layout now. However, the icon buttons are inside a white circle. I want to hide that circle. What is the trick?

Buttons are adjusted to the size of its container by default. But icons have a fixed size, so you need to use a spacer between them - it fills all possible space. The spacer can be represented as empty brackets:

http://webix.com/snippet/4bc076cc

By the way, can you share a snippet of an issue with the white circle? Buttons with the iconButton type have a border, but for the icon type it’s unusual.