title: ASPxPopupControl always in front of another ASPxPopupControl
body: <p><strong>Desired behavior:</strong></p>
  
  <ul>
  <li>popup1 is 100x100</li>
  <li>popup2 is 50x50</li>
  <li>neither popup can be modal for my purposes.</li>
  </ul>
  
  <p>When popup1 is shown popup2 should also be shown in front of it. I want popup2 to always be in front of popup1 but when I click on popup1 then popup2 is always moved behind popup1. When I say "in front" I mean that I want popup2 to always have a higher z-index (foremost) even when popup1 is the active popup.</p>
  
  <p><strong>Attempts and info:</strong></p>
  
  <p>I can see in the page markup that a single popup gets a z-index of 12000 by default.</p>
  
  <p>I have tried using css to give each popup different z-index values like so:</p>
  
  <pre><code>.popup1{z-index:20000!important;}
  .popup2{z-index:21000!important;}
  </code></pre>
  
  <p>I also tried it like this:</p>
  
  <pre><code>.popup1{z-index:11000!important;}
  .popup2{z-index:12001!important;}
  </code></pre>
  
  <p>I also tried wrapping each popup in a div tag with similar css.</p>
  
  <p>Each popups z-index is updated to 12002 depending on whether or not it is active or not and this is regardless of what I set it to.</p>
  
  <p>I also tried wrapping the larger popup in a div tag and handling the onclick event to set the z-index of the smaller popup.</p>
  
  <p>Thanks in advance!</p>
  
  <p>Some semi-related links:</p>
  
  <p><a href="http://www.devexpress.com/Support/Center/p/Q346044.aspx" rel="nofollow">http://www.devexpress.com/Support/Center/p/Q346044.aspx</a></p>
  
  <p><a href="http://www.devexpress.com/Support/Center/p/Q382392.aspx" rel="nofollow">http://www.devexpress.com/Support/Center/p/Q382392.aspx</a></p>
  
  <p><a href="http://www.devexpress.com/Support/Center/p/Q36091.aspx" rel="nofollow">http://www.devexpress.com/Support/Center/p/Q36091.aspx</a></p>