cssformborderstyle

CSS: Solid border with Panel creates scrollable panel

I am using Vaadin to create my front-end and when i add the border-style:solid to style.css page, i end up with a scrollable v-panel? How can i add the solid style while removing the scrollable option. Please see screenshot for a better explanation.

I have tried to set the panel.setScrollable(false); this did not work.

I want to remove the scrolling option from this panel?

Full CSS:

v-panel-panelBack{
 border-style:solid;
 border-width:thick;
 border-color:darkgray;

}

enter image description here

Solution

  • the overflow property should help.

    overflow: hidden;

    http://reference.sitepoint.com/css/overflow