Wicket 1.5 Non modal window

Question

I need to create a non-modal popup dialog, which can be dragged and resized by the user. This example is great, but is a modal dialog. I don't want to block the user from scrolling the main web page. Is there any component built in to Wicket that I can use, or do I need to use a Javascript library such as YUI or Dojo?

Not sure if this is what you're after, but it is in fact possible to scroll the page down when showing the dialog in the example page. You can also set `position:fixed` to the style of the main dialog (the one with `class="wicket-modal"`) to make the dialog stay on screen while scrolling. If you want to let the user interact with the background, you can just define `z-index:-1` for the `wicket-mask-dark` class. Having never used this component myself, maybe you could extend the component and tweak these stylings yourself with `AttributeModifier`s. — Xavi López, Dec 16 '12 at 23:04
I'll do some experimenting over Christmas with this. In the past I've just used a simple Javascript alert dialog, and that did block everything until it was dismissed. — Andrew Fielden, Dec 17 '12 at 09:56

score 1 · Accepted Answer · answered Dec 19 '12 at 16:01

I'm going to use jQwicket for this, which is a JQuery/Wicket integration library

It has a load of useful components, but the one I can use for this particular case is the DialogWebMarkupContainer component.

JQwicket gives me a fairly painless way of using Javascript, using the Java I know and love. That's as it should be :-)

score 0 · Answer 2 · answered Dec 16 '12 at 15:59

0

I'm not entirely sure if I understand your concern with "blocking the user from scrolling the main web page" correctly, but maybe you should look into WiQuery - escpecially this example. These dialogs still let you interact with the underlying page.

answered Dec 16 '12 at 15:59

DerMiggel

483
4
8

Thanks. That's an option, I'll look into it. – Andrew Fielden Dec 17 '12 at 10:01

Wicket 1.5 Non modal window

2 Answers2