Toolbar

Hello everyone,

This is like my fourth day using Vaadin and now I have a UI question. I want to create a toolbar-type main menu with some icons sized at may 32x32 or something. I’ve noticed that as far as toolbars go, Vaadin doesn’t really have anything that suits my needs. The closest thing I found was the TabSheet. I like how the tab buttons look, but you need a component to create the buttons. The TabSheet is perfect for tabs, but not as a toolbar.

Is there a way to do this or am I stuck doing it by hand with plain old HTML + CSS? I’m guessing that a custom component would do the job, but I’m still new and think making my own components at this point would be a bad idea until I have a better understanding of how everything works. I saw that there was a ReineerMod in the Directory, but there’s no documentation on how to create the toolbars.

Anyone have any thoughts? Thanks.

How about just a HorizontalLayout with Buttons or NativeButtons in it? You’ll probably have to style the buttons a bit.

I’d take this route, and take advantage of the ReindeerMods theme extension add-on, that provides you with exactly the styles you need for the toolbar. Check out
ReindeerMods at the Directory
.

The theme extension is still a bit in the works, but I plan to release a new version next week that’ll contain documentation and more new styles, such as a more toolbar styles.

That’s good. I saw ReindeerMods in the Directory and it makes a good-looking toolbar. I’ll be looking forward to the documentation so that I can use it myself. Thanks for releasing this. I’ll try to set up the Buttons and HorizontalLayout and wait for the documentation to arrive. Thanks again to both of you.