Panel with scrollbars

Vaadin 6 / 7 / 8 Framework UI
1

Hi,

I want have panel with scrollbars and backcolor blue


Panel p2 = new Panel();
		p2.setScrollable(true);
		p2.setStyleName("bubble");
		p2.setHeight("100px");
		p2.setStyleName("layout-blue");

		VerticalLayout tempLayout=(VerticalLayout) p2.getContent();
		tempLayout.setStyleName("layout-blue");
                tempLayout.setMargin(true);
		tempLayout.setSpacing(true);

This code works but shows only a middle blue, with this …


                 tempLayout.setSizeFull();

            The scrollbars does not show

How can i do it?

Thanks!!!

2

Hi,

I’m not entirely sure what you mean by “only a middle blue”, but something like this could work:

.v-panel-layout-blue .v-panel-content, 
.v-panel-layout-blue .v-panel-content > div {
    background-color: lightBlue;
}

ymmv

Best Regards,
Marc

3

Thanks for your answer!!

Sorry for my english,

The panel shows background a half white and a half blue. (I belive that the panel layout not is expanded into panel) , but if i add to the code:


tempLayout.setSizeFull()
the scrollbars does not show

Basically I would panels with diferents colors and someone of them with scrollbars.

I was changing the style of panel layout

.layout-blue{
background-color: rgb(221,239,249);
}


.v-panel-layout-blue .v-panel-content,
.v-panel-layout-blue .v-panel-content > div {
    background-color: lightBlue;

}

This works fine but change all app panels to blue

Regards
Xavier