PDA

View Full Version : Rounded Panel Corners using css



jeromek
30 Nov 2010, 7:21 AM
Hello
Can anyone help
How can i get the effect of rounded corners on my Panels using css.
Please help

Condor
30 Nov 2010, 7:43 AM
frame: true

and you can also change the border style, e.g.

baseCls: 'x-window'
or
baseCls: 'x-tip'
or
baseCls: 'x-box'
or
baseCls: 'x-box-blue'

jeromek
1 Dec 2010, 1:19 AM
But the only problem i get is that this doesn't support the header which is one of the most important parts of the panel. is there a different code i can use?

Condor
1 Dec 2010, 6:27 AM
'x-panel', 'x-tip' and 'x-window' do support a header!

Only 'x-box' and 'x-box-blue' don't have the correct background images for a header (but you could modify those).

voxixi
11 Nov 2014, 8:54 AM
Try to use CSS properties with vendor prefixes like in this example: box with rounded corners using CSS3 (http://basicuse.net/articles/pl/textile/html_css/box_with_rounded_corners_using_css3). For older version of the Internet Explorer you sould use PIE.