Have Geek Brain

JQuery UI Tabs - rounded tabs in IE

I'm trying to switch from AjaxControlToolkit to jQuery UI tabs for a fairly simple tab control. I'm 99% out there with CSS and theming, but I'm running into the wall trying to get rounded corners on tabs in IE. The jQuery UI provides the styling needed for rounded tabs in the best browsers, but it could be a transaction breaker if we can't get them in IE.

I'd really like to keep using the Toolkit, and would also prefer not to add another tab plugin (although that's an option).

I have tried .htc files and although it may have been my fault, I could not get them to work for me. CurvyCorners threw exceptions until I got tired of it and moved on.

Are there any IE round-corners solutions that we KNOW can get along with jQuery UI tabs or any tab-specific workarounds? I don't need rounded corners anymore.

PS Tabs can be of different lengths, so using predefined background images is really not an option. Using multiple or resized images will be fine if they can support arbitrary tab lengths.

Thank you very much!

+2


a source to share


2 answers


I use this for all my rounded corners and it works great: http://jquery.malsup.com/corner/ .



You can also specify a bounding radius for a CSS property and in browsers that support CSS3 this plugin will recognize this.

+1


a source


May I recommend CSS3Pie as a worthy new entry to the market.

It allows you to create rounded corners in IE using a stylesheet along with all other browsers. No longer needed for all these extra elements on your page or all of these built-in jQuery plugins.



Enjoy.

+3


a source






More articles:


All Articles