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.

Reply via email to