asp.net - ASPxPopupControl always in front of another ASPxPopupControl -


desired behavior:

  • popup1 100x100
  • popup2 50x50
  • neither popup can modal purposes.

when popup1 shown popup2 should shown in front of it. want popup2 in front of popup1 when click on popup1 popup2 moved behind popup1. when "in front" mean want popup2 have higher z-index (foremost) when popup1 active popup.

attempts , info:

i can see in page markup single popup gets z-index of 12000 default.

i have tried using css give each popup different z-index values so:

.popup1{z-index:20000!important;} .popup2{z-index:21000!important;} 

i tried this:

.popup1{z-index:11000!important;} .popup2{z-index:12001!important;} 

i tried wrapping each popup in div tag similar css.

each popups z-index updated 12002 depending on whether or not active or not , regardless of set to.

i tried wrapping larger popup in div tag , handling onclick event set z-index of smaller popup.

thanks in advance!

some semi-related links:

http://www.devexpress.com/support/center/p/q346044.aspx

http://www.devexpress.com/support/center/p/q382392.aspx

http://www.devexpress.com/support/center/p/q36091.aspx

you can invoke popup2 bringtofront method in popup1 shown event.

<dxpc:aspxpopupcontrol clientinstancename="popup1"...>     <clientsideevents shown="         function(s, e) {              if(e.window.index == 0) popup1.bringwindowtofront(popup1.getwindow(1))         }"/> </dxpc:aspxpopupcontrol> 

this sample works 1 popup control containing 2 windows. if isn't case (maybe have 2 popup controls 1 window) adapt sample needs.


Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -