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.