title: GWT : Showing alert message on top,regardless of other alerts
body: <p>Consider the following case.</p>
  
  <p>Having 3 dialog boxes  in my application. </p>
  
  <pre><code>final DialogBox alert1 = new DialogBox();
  final DialogBox alert2 = new DialogBox();
  final DialogBox alert3 = new DialogBox();
  </code></pre>
  
  <p>then I am calling to show these dialog like </p>
  
  <pre><code>alert1.show();
  alert2.show();
  alert3.show();
  </code></pre>
  
  <p>Here is my question:</p>
  
  <p>Regardless of order I calling the <code>show()</code>  function,I always want to show the <code>alert2</code>  on the top.  as of now <code>alert1</code>  is showing on top,alert 2 in middle, and <code>alert3</code> in the back.</p>
  
  <p>Have quick look for the problem here with three dialog's.</p>
  
  <hr>
  
  <p><img src="https://i.stack.imgur.com/OhDkF.png" alt="enter image description here"></p>
  
  <p>With little Css knowledge tried to set <code>Z-index</code> for the <code>alert2</code>  like </p>
  
  <pre><code>DOM.setIntStyleAttribute(alert.getElement(), "zIndex", 101);
  </code></pre>
  
  <p>Still know effect.Its showing in the same place and unable to click the links on <code>alert2</code></p>
  
  <p>Thankful for any hints.</p>