Create Help Panel in Freemaker

[gmurphy]

Folks,


I have created a popup Module similar to the out of the box workflow popup module in share and now I'm tring to put in a help icon and an attacted either popup window detailing the screen or a popup sumary panel similar to that used in Alfresco Explorer to show a summary of space and contant details.

Does anyone have any ideas on how I might do this.  Create a panel or popup window in freemaker from a small icon.


Thanks

Gerald

[mikeh]

I'm not sure it's a question of "how do you do this with Freemaker", but rather "how do you do this with YUI".

I would bring the help text back in a <div> with a known ID, then create a YUI pop-up panel from that in response to a click event from the icon. Take a look at the online YUI documentation for details: http://developer.yahoo.com/yui/2/

Thanks,
Mike

[gmurphy]

Mike,

What I have done is in the JS put in two lines

this.widgets.infoPanel = new YAHOO.widget.Panel("infoPanel", {width:"320px", visible:true, constraintoviewport:true } );
 this.widgets.infoPanel.render();‍‍

and then I'm unsure how to bring this then into my html.ftl

What I have done there is that I was tring to create a link using an image to activate the Panel (Using Simple from the list of panels in link provided by Mike)

Here is the link code in the html.FTL

<a href="#" onclick="infoPanel.show();return false"><img src="${url.context}/themes/${theme}/images/help-icon-16.png" /></a>‍

The issue I'm haveing now is that I'm getting an error infoPanel undefined where I clink on the image

Has anyone any ideas on what I'm doing wrong

Thanks,

Gerald