How do I make the jquery dialog work with the themeroller themes?

Question

Hello,

I am trying out the dialog from jquery ui. All the online demos use flora.css. I can't the dialog to display correctly with the css file generated by the themeroller application. Am I missing something? shouldn't these things work out of the box?

Update: Thanks, Brock. When I cleaned up my code to make a sample, I realized that the HTML in demo.html (that comes with the themeroller.zip) is a little too verbose. All I needed to do was give the dialog div the attribute class="ui-dialog" like this:

<div id="SERVICE03_DLG" class="ui-dialog">please enter something<br><br>
<label for="something">somthing:</label>&nbsp;<input name="something" id="something" type="text" maxlength="20" size="24">
</div>

I'll accept your answer. Thanks for your time.

Answer 1

Could you post your code? I'd check first to make sure the CSS is being included - even if you just add body {background:red;} or something like that, just to be certain it's being used. Have you tried inspecting the dialog with Firebug?

Answer 2

ive had the same problem, the themes just dont seem to work with the jquery widgets!

Answer 3

The solution was found in a similar question I posted: