• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 683
  • Last Modified:

Rounded corners from JQuery UI ThemeRoller

I'm using a theme from the JQuery ThemeRoller here:  http://jqueryui.com/themeroller/#themeGallery

The accordion and such have rounded corners that seem to work quite well across all browsers and I would like to just leverage that throughout a site I'm working on.

I took a quick look through the CSS but didn't find how the corners were done.

Anyone know where that class is?

Thanks,
MH
0
MHenry
Asked:
MHenry
1 Solution
 
Roger BaklundCommented:
The class named "ui-corner-all" defines the rounded corners. You can make a div with rounded corners like this:
<div class="ui-widget-content ui-corner-all" style="width:10em">
  This box have rounded corners.
</div>

Open in new window

0
 
MHenryAuthor Commented:
Believe it or not, I asked the wrong question. I meant to ask about the background, not the corners.

Oh well, keep your eyes out for the question on backgrounds...

But I did get something from your answer anyway. It wasn't working when I tried it because I thought it was UL as in unorderd list. But I can see from your answer it's uI. That should help!

Thanks,
MH
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now