<label multiline="true">

        1. scroll window into the viewport

        2. click Popup

        3. a popup message is shown

    </label>

    <window id="win" border="normal" title="Window" height="300px" width="300px">

        Window Content

        <button onClick="popup(win)" label="Popup" />

    </window>

​

    <hlayout style="overflow-x: auto">

        <div style="width: 2000px" />

        <window id="win2" border="normal" title="Window" height="300px" width="300px">

            Window Content

            <button onClick="popup(win2)" label="Popup" />

        </window>

    </hlayout>

​

    <window id="win3" border="normal" title="Window" height="300px" width="300px" style="margin-left: 2000px">

        Window Content

        <button onClick="popup(win3)" label="Popup" />

    </window>

    <window id="win4" border="normal" title="Window" height="300px" width="300px">

        Window Content

        <button onClick="popup(win4)" label="Popup" />

    </window>

​

    <zscript><![CDATA[

    import org.zkoss.zk.ui.util.Clients;

    import org.zkoss.zk.ui.Component;

​

    void popup(Component ref) {

        String msg = "Use the force, Harry.";

        String type = Clients.NOTIFICATION_TYPE_ERROR;

        String pval = "bottom_center";

        int dur = -1;

        boolean closable = false;

        Clients.showNotification(msg, type, ref, pval, dur, closable);

    }

    ]]>

    </zscript>

</zk>