Size of CheckBox and FlexibleOptionGroupItemComponent i Table cells

Hi,

I use the Table component extensively. When/if I put CheckBox:s or FlexibleOptionGroupItemComponent:s in the table cells I get a problem. Those components are slightly larger than the default label used in table cells. This causes the table rows to be taller and/or strange alignment behavior (depending on browser).

TextField:s seem to be automatically sized to fit. Forget how this happens, but on Labels you can call:

myLabel.setStyleName(Reindeer.LABEL_SMALL);

How do I make other components fit in the table cells?

/Anders

I would say, you will need to fiddle with the CSS …

What is the preferred way to that? (asks one who had hoped he wouldn’t have to)

I created a custom theme based on the theme I was currently using (reindeer) tried to find which “class” to modify and made some wild guesses regarding how to modify it. I got the CheckBox to look as I want, but not the FlexibleOptionGroupItemComponent.

Interacting with css (the necessity to do so) is the one area where Vaadin fails to deliver on my expectations. I’m perfectly happy using the standard theme - I just want it to work. If I take two different components (Label and TextField) and set their sizes to be equal, they are in fact not the same size.

Why can’t all/most components have a table cell style set automatically by the Table? (as is the case with TextField)

/Anders