OptionGroup with normal looking buttons

Hi, I’m vaadin beginner. I just want to set radiobutton/checkbox to look like normal button. Can you help me with this? It would be nice, if also selected radiobutton looks like pressed button (ToggleButton).

So in your case there would probably be two ways to do that (i can think of now):

  • Use Css to style the checkboxes in the optiongroup to look like Buttons although i’m not sure how difficult that is as you have to set a background image for the checkbox, hide the actual check, place the caption in the middle of the background and make all of that fit even in the -hover -active, … styles
  • Use normal buttons (maybe stored in a map or an array) and try to recreate the functionality of an optiongroup.