Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8

Vertical Button Groups?

Steve Demy
6 years ago Jan 11, 2016 11:01am

Having recently discovered the super-handy button group feature:

CssLayout buttonGroup = new CssLayout();
        buttonGroup.addStyleName("v-component-group");

I wonder if there is a vertically organized equivalent?  There are places where a stack of buttons with well-behaved corners would work nicely.

Bernd Hopp
6 years ago Jan 11, 2016 2:45pm

Hi Steve, you can just change CssLayout to VerticalLayout, but some more CSS-tweaking may be neccessary to make it look exactly like you want it to ( see attachment )

Best
Bernd

Steve Demy
6 years ago Jan 12, 2016 6:58am

Thanks Bernd.  That worked and produced a good result (attachment).  But because I'm a CSS bonehead, my solution includes separate CSS definitions for top, middle and bottom buttons and code to apply each to each button.  In other words, it lacks that Koivuviita magic of the horizontal version.  If Jouni ever gets bored, a vertical version of "v-component-group" would add symmetry to the concept.