I've done it. If I remember right, I had to use a local DIV, hide it,
and then round the corners.
My HTML looked something like this:
<div id="dialogOrg" class="jqmWindow">
<div class="dialogHead">
<div class="dialogTitle">Organization</div>
<div class="dialogClose">
<a href="#" id="dialogClose" class="jqmClose"> X </a>
</div>
</div>
<div id="dialogOrgContent" class="dialogContent">
Please wait. Loading . . .
</div>
<div class="dialogFoot"></div>
</div>
Then the corresponding JS:
// This is in the $(document).ready() so it applies to all my dialogs
$(".jqmWindow").corner("#000 15px tl br");
// I also have the following code in the $document.ready():
/* **************************** */
/* Organization Dialog setup */
/* **************************** */
//Load the base Organization dialog box
$("#dialogOrgContent").load("dialogs/org.htm?r=" + Math.random());
//set up the trigger for the organization dialog box.
$("#newOrg").unbind("click").click(function () {
clearOrgDialog();
$("#dialogOrg").jqmShow();
return false;
});
// make the dialog modal and set the overlay
$("#dialogOrg").jqm({
modal: true,
overlay: 75,
});
So, the overall logic goes something like this:
- create a hidden container for the dialog
- use the .ready() method to apply the rounded corners to the dialog
- use the .ready() to load the content of the dialog, and set up the
dialog parameters.
Now, that was for my specific application. Looking at this now, I don't
know if I'd need to preload my dialog like this - it *might* be feasible
to just use an ajax call on show. (setting up the jqModal properly that
is) hmmm... that might fix a bug I've been running into as well...
Anyways, hope this helps.
Shawn
Dustin wrote:
I am using jqModal and am trying to get the window to have rounded corners.
Does anyone know of a way to accomplish this?
Thanks for any help you can provide.