Hi Benoit, Nested dialogs are not to be declared as nested elements!
Give a try to this instead: <html xmlns="http://www.w3.org/1999/xhtml"; xmlns:xf="http://www.w3.org/2002/xforms"; xmlns:ev="http://www.w3.org/2001/xml-events"; xmlns:sample="http://www.agencexml.com/sample";> <head> <style type="text/css"> #main_dialog { width: 400px; height: 400px;} #nested_dialog { width: 200px; height: 200px;} </style> <title>Nested dialogs test</title> <xf:model/> </head> <body> <xf:trigger><xf:label>Open main dialog...</xf:label> <xf:show ev:event="DOMActivate" dialog="main_dialog"/> </xf:trigger> <xf:dialog id="main_dialog"><xf:label>Main Dialog</xf:label> <xf:trigger><xf:label>Open nested dialog...</xf:label> <xf:show ev:event="DOMActivate" dialog="nested_dialog"/> </xf:trigger> <br/> <xf:trigger><xf:label>Close</xf:label> <xf:hide ev:event="DOMActivate" dialog="main_dialog"/> </xf:trigger> </xf:dialog> <xf:dialog id="nested_dialog"><xf:label>Nested Dialog</xf:label> <xf:trigger><xf:label>Close</xf:label> <xf:hide ev:event="DOMActivate" dialog="nested_dialog"/> </xf:trigger> </xf:dialog> </body> </html> Thank you for your feedbacks! -Alain Le 25/04/2012 15:50, Benoit VINCENT a écrit : > Hi Alain, > When I try to use nested dialogs (which are very useful when I want to > keep the main dialog instance context in the nested one) the nested > dialog is masked by the "xforms-dialog-surround". > > Try this small sample : > > ============================================================ > <?xml-stylesheet href="xsltforms/xsltforms.xsl" type="text/xsl"?> > <?xsltforms-options debug="yes"?> > <html xmlns="http://www.w3.org/1999/xhtml"; > xmlns:xf="http://www.w3.org/2002/xforms"; > xmlns:ev="http://www.w3.org/2001/xml-events"; > xmlns:sample="http://www.agencexml.com/sample";> > <head> > <style type="text/css"> > #main_dialog { width: 400px; height: 400px;} > #nested_dialog { width: 200px; height: 200px;} > </style> > <title>Nested dialogs test</title> > <xf:model/> > </head> > > <body> > <xf:trigger><xf:label>Open main dialog...</xf:label> > <xf:show ev:event="DOMActivate" dialog="main_dialog"/> > </xf:trigger> > > <xf:dialog id="main_dialog"><xf:label>Main Dialog</xf:label> > <xf:trigger><xf:label>Open nested dialog...</xf:label> > <xf:show ev:event="DOMActivate" dialog="nested_dialog"/> > </xf:trigger> > <br/> > <xf:trigger><xf:label>Close</xf:label> > <xf:hide ev:event="DOMActivate" dialog="main_dialog"/> > </xf:trigger> > > <xf:dialog id="nested_dialog"><xf:label>Nested Dialog</xf:label> > <xf:trigger><xf:label>Close</xf:label> > <xf:hide ev:event="DOMActivate" dialog="nested_dialog"/> > </xf:trigger> > </xf:dialog> > > </xf:dialog> > > </body> > </html> > ============================================================ > > The problem is due to z-index behavior (see: > https://developer.mozilla.org/fr/CSS/Comprendre_z-index/L%27empilement_de_couches > ) > > I think that a solution would be to remove the parent dialog z-index > style (or set to auto) when we show the nested one, if not, all the > child divs will inherit (after local z-index resolution) the main dialog > z-index and will be masked by the "xforms-dialog-surround" div. When we > hide the nested dialog we have to restore the main dialog z-index to the > initial value. > > Regards > Benoit > > > ------------------------------------------------------------------------------ > Live Security Virtual Conference > Exclusive live event will cover all the ways today's security and > threat landscape has changed and how IT managers can respond. Discussions > will include endpoint security, mobile security and the latest in malware > threats. http://www.accelacomm.com/jaw/sfrnl04242012/114/50122263/ > _______________________________________________ > Xsltforms-support mailing list > [email protected] > https://lists.sourceforge.net/lists/listinfo/xsltforms-support > ------------------------------------------------------------------------------ Live Security Virtual Conference Exclusive live event will cover all the ways today's security and threat landscape has changed and how IT managers can respond. Discussions will include endpoint security, mobile security and the latest in malware threats. http://www.accelacomm.com/jaw/sfrnl04242012/114/50122263/ _______________________________________________ Xsltforms-support mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/xsltforms-support
