topic Create Help Panel in Freemaker in Alfresco Archive

Create Help Panel in Freemaker

gmurphy — Mon, 10 May 2010 17:21:40 GMT

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 d

Re: Create Help Panel in Freemaker

mikeh — Mon, 10 May 2010 19:13:00 GMT

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

Re: Create Help Panel in Freemaker

gmurphy — Tue, 11 May 2010 08:54:11 GMT

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