How to change SCSS dynamically?

Andy A

I have a Panel and I want to change the background color of the top part ("My panel title" section in my attachment) dynamically? Depends on a user's action, I want to change its color. Is that possible? If so, are any any example code I can use as an example?

Thanks

panel.png (3.5 kB)

Joacim Päivärinne

Hey Andy,

You could add a style name to the panel depending on what action the user chose.

.v-panel.action-1 .v-panel-caption {
  background-color/image: ...
}

.v-panel.action-2 .v-panel-caption {
  background-color/image: ...
}

etc.

Important Notice - Forums is archived

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

How to change SCSS dynamically?

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