How to add CSS inline in Vaadin?

Question

Is it possible to add inline CSS code programmatically?

Like, I have defined a CSS separator like this:

.hr{
    border-top: 1px solid black;
    padding-bottom: 10px;
}

Now I sometimes want to have it in a different color or a different size. Would I have to create further .hr-black, .hr-blue css styles and apply them separately by .addStyleName()? Or can I somehow set the color programmatically?

Separate css, with code only accessing style names, is a default approach in Vaadin. You can use CSSInject addon to apply styles through code. AFAIK, there is no inbuilt way to access component styling programmatically. — default locale
– default locale, Commented Jul 29, 2013 at 8:49

Paolo Forgia · Accepted Answer · 2017-03-29 09:49:50Z

3

No, you can only change CSS at specific component using component.addStyleName(), but you can use it dynamically, like this:

if (condition)
   component.addStyleName("black");
else
   component.addStyleName("blue")

edited Mar 29, 2017 at 9:49

answered May 22, 2014 at 12:50

Paolo Forgia

6,7568 gold badges51 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add CSS inline in Vaadin?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related