What is the method of choice to adjust CSS changes in vaadin?

Question

I am struggling with some minor layout changes in vaadin which has to be done on Java AND Css side.

Everytime I need to adjust a layout thing like padding-top, background color or bold text of one component I need to set the style via Java code too:

userLink.setStyleName("textbold");

The changes in my styles.css (under VAADIN/themes/app/) would then be:

@import "../runo/styles.css";

.textbold {
    font-weight: bold;
}    
...

Is this the correct way of changing the CSS or is there another way? Can I do this without affecting the Java code?

Answer 1

This is the way to go.

You would do exactly the same in HTML. You define a class name in a CSS file and associate the class name with your HTML element. The other way would be to directly set the style in JAVA (like you could do it directly in HTML) but this is not suggested.