Forums for ICEfaces and ICEpdf

Hi everybody,

i'd like to provide application help for my ICEfaces application, which i prefer to be in a separate popup window. Lacking the possibility to open a different window with window.open() i tried to use a draggable panelPopup which does work, but it has some "cosmetic problems".

The problem is that the help content is too large to fit in the popup. Placing the help content in a scrollable <div> inside the draggable panelPopup doesn't really solve my problem, as one is not able to scroll the div using the mouse - the mouse will stick to the panelPopup and drag it across the screen instead of scrolling the div.

Using a modal popup features the problem that you will have to set the "rendered"-property of the panelPopup to "true", which ends up in a vast amount of help data being transfered to the client even if there is no request for help.

Is there any way to make a <div> inside a draggable panelPopup scroll instead of the panel being dragged? Is there anything like "best-practices" on how to provide help for an ICEfaces application?

Any hints are welcome
Christian

Hi Christian,

Why can't you use window.open()? Another way to do something like this on the same page is just to use a command button that sets render="true" on a panelGroup on the page. Kind of like an on-the-page collapsable panel? You could also use an <ice:borderPanel> for the whole page, and dyanamically show or hide the East panel as the help panel, in the manner that a lot of applications use for help side-bars.

If you could use window.open(), I would use some js like the following:

// pop-up function
var newWin = null;
function closeWin(){
if (newWin != null){
if(!newWin.closed)
newWin.close();
}
}
function popUp(strURL,strType,strHeight,strWidth) {
closeWin();
var strOptions="";
if (strType=="console") strOptions="resizable,height="+strHeight+",width="+strWidth;
if (strType=="fixed") strOptions="status,height="+strHeight+",width="+strWidth;
if (strType=="elastic") strOptions="toolbar,menubar,scrollbars,resizable,location,height="+strHeight+",width="+strWidth;
newWin = window.open(strURL, 'newWin', strOptions);
newWin.focus();
}

The problem that you're seeing with dragging the popup is really a constraint due to the javascript used to create the draggable popup, and nothing in the CSS.

Thanks,
Philip

Hi Philip,

i had problems using window.open() because i implemented it like <a href="javascript:window.open(...)" />, which ended up in the original window showing nothing but the line [object window]. It works when being implemented in the onClick-Handler.

We are using 1.8.2 and are having same problem with scrollbar on draggable popup dragging the popup instead og scrolling.

Is there a fix for this issue?