Results 1 to 2 of 2

Thread: How does Ext JS achieve rounded corners in IE 7 and 8?

  1. #1

    Default How does Ext JS achieve rounded corners in IE 7 and 8?

    Hi all!

    I am developing portlets using Ext Js 4 as javascript framework. I am currently themeing our Portal and i tried to achieve the Ext Js blue standard look.

    Using the Ext Js CSS for defining the style of my components worked fine in Firefox and IE 9+. But when I tested my design in IE 7 and 8, I recognized that the corners of my components are cornered whereas the Ext Js components are rounded.

    I tried many approaches to round the corners of my components but none of them worked.

    So my question is: How does Ext Js round corners and how can I apply the solution of Ext Js to my components

    Thanks in advance


  2. #2
    Sencha User's Avatar
    Join Date
    Mar 2007
    DC Area =)


    I think it is using images. They have a tool called splicer that you can use to render the images from CSS3 rounded corners and gradients. Check out the SDK tools 2.0

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts