I've had the reverse problem.. Modal window infront of a datepicker , using it in flat mode...

regards Nino

Don Hass wrote:
Has anyone ran into an issue (z-index) with a DateField on a panel in a
ModalWindow.

In both Firefox and IE they both render poorly IMHO.

I have tried overriding z-index of the ModalWindow lower image border and
the Calendar div layer all to no avail.

http://www.nabble.com/file/p13222461/Calendar.jpg
It is very easy to reproduce via following code:

=-=-=-=-=-=-=-=-=-=-=-=-=
OverlapTest.java
=-=-=-=-=-=-=-=-=-=-=-=-=
public class OverlapTest extends WebPage {
  public OverlapTest() {
    final ModalWindow modal;
    add(modal = new ModalWindow("modal"));
    modal.setInitialWidth(300);
    modal.setInitialHeight(100);
    modal.setContent(new ModalPanel(modal.getContentId()));

    add(new AjaxLink("open") {
      public void onClick(AjaxRequestTarget target) {
        modal.show(target);
      }
    });
  }
}


=-=-=-=-=-=-=-=-=-=-=-=-=
OverlapTest.html
=-=-=-=-=-=-=-=-=-=-=-=-=
<html>
<head>
  <title>Modal Window Overlap Test</title>
</head>
<body>
Modal window + YUI calendar popup overlap issue test.
<div wicket:id="modal"></div>
Open modal dialog </body>
</html>


=-=-=-=-=-=-=-=-=-=-=-=-=
ModalPanel.java
=-=-=-=-=-=-=-=-=-=-=-=-=
public class ModalPanel extends Panel {
  public ModalPanel(String id) {
    super(id);
    final DateField dateField = new DateField("date");
    add(dateField);
  }
}


=-=-=-=-=-=-=-=-=-=-=-=-=
ModalPanel.html
=-=-=-=-=-=-=-=-=-=-=-=-=
<wicket:panel>
  <div wicket:id="date"></div>
</wicket:panel>

Any suggestions on a fix would be greatly appreciated.

---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Reply via email to