title: Using a Dialog in Metro UI
body: <p>Hi I have a question about the Metro UI (<a href="http://metroui.org.ua/dialog.html" rel="nofollow">http://metroui.org.ua/dialog.html</a>)</p>
  
  <p>I'm using the dialog like this: </p>
  
  <pre><code>&lt;div id="TestDialog" data-role="dialog" class="Dialog"&gt;
  
      &lt;h1&gt;Simple dialog&lt;/h1&gt;
      &lt;p&gt;
          Dialog :: Metro UI CSS - The front-end framework
          for developing projects on the web in Windows Metro Style.
      &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  
  var x_dialog = $("#" + dialogId).data("dialog");
  
  x_dialog.options = {
      width: width,
      height: height,
      closeButton: true
  }
  
  x_dialog.open();
  &lt;/script&gt;
  </code></pre>
  
  <p>But the Dialog isn't showing with a close button or my desired width / height. </p>
  
  <p>Are there any useful examples for Metro UI dialogs? I haven't found any and the API from Metro UI seems nice, but if you're searching for JavaScript with Dialogs you wont find any...</p>