Change color from a specific row in a vertical layout

Flow
1

hi,
i like to change my background color of a row in a vertical Layout.

Which .scss tag should I use?

.vertical-layout-???

Thanks

2

What you can do is to add a stylename to the component being added to the VerticalLayout. The v-slot (row) will then contain the stylename of the component that you added.

final VerticalLayout layout = new VerticalLayout();
Button button = new Button("test");
button.addStyleName("my-style");
layout.addComponent(button);

This example will result in a .css tag .v-slot-my-style which can be targeted in your .scss files.