PDA

View Full Version : How to round corners of grid column header?



surfyogi
18 Sep 2010, 2:03 PM
How to round corners of grid column header and toolbar?

I'm so used to just turning the column header off and on, but I've got UX telling me it needs to look rounded and have a margin from the grid itself, so a little lost knowing how to go about changing the look and feel of the column header to stand alone and look so different. Same thing for the toolbar. Round the corners, margin from the column header.

I've seen the bubble panel example; I assume that same css style will work for toolbar and column headers too?

http://extjs-public.googlecode.com/svn/extjs-3.x/release/examples/panel/bubble-panel.html
bubble.css link

Just curious if I have a gotcha waiting for me.. seems like it could be tricky.
thx