nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

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

Find more posts tagged with

Comments

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