rounded corners


How can I apply rounded corners for components/containers?
Is it right the Vaadin containers are render row based in general?

<div header />
<div content />
<div footer />

Is there a recommended way of creating dynamic/resizable containers with custom (rounded) corners?
Assuming that this requires the following div structure:

<div cornerTopLeft /><div topMiddle /><div cornerTopRight />
<div middleLeft /><div middle /><div middleRight />
<div cornerLowerLeft /><div lowerMiddle /><div cornerLowerRight />



CSS border-radius would be the obvious choice, unless you need to support all possible browsers. In that case you need an image based solution.

CustomLayout is the recommended way of doing that.