topic Re: Dynamic Nav Bar in Alfresco Archive

Dynamic Nav Bar

dotcombubble — Mon, 16 Mar 2009 19:43:05 GMT

Hi,Has anyone implemented a dynamic navigation bar in the community?I know the Alfresco.com site itself uses one, so I'm hoping others here might have the know how.What I'd like is a Nav Bar that automatically updates itself if I create a content page using a webform. I've seen something like I want

Re: Dynamic Nav Bar

ssaravanan — Mon, 16 Mar 2009 22:15:01 GMT

You can find a good working example on the following site, which is based on SURF platform
http://www.benh.co.uk/alfresco/surf-part-2-pages-and-navigation/
The above example builds a dynamic nav for your site.
The other option is having a dynamic nav based on Categories using a webscript.
You can find more examples on the following link
http://zaizi.wordpress.com/

Re: Dynamic Nav Bar

dotcombubble — Tue, 17 Mar 2009 14:01:08 GMT

Thanks very much for the reply.

I tried the example from:

The other option is having a dynamic nav based on Categories using a webscript.
You can find more examples on the following link
http://zaizi.wordpress.com/

But it didn't work and there's not much direction provided there apart from dropping the two files into the data dictionary (I'm assuming the html should be in a seperate file, which I dropped into the root of my webapp).

Have you any more information on how to try this example. I am using Alfresco Labs 3c, not using Surf.

Thanks.

Re: Dynamic Nav Bar

ssaravanan — Tue, 17 Mar 2009 16:08:54 GMT

The webscript when invoked using /alfresco/service/getCategories gives a json response.
The Json response then has to be parsed in your front end logic to display the navigation bar.
http://zaizi.wordpress.com/, the same example on that link can be found on the below link in
(https://sites.google.com/site/alfrescotutorials/Home/alfresco-category-webscript)
a better readable format and I have tested the example again, it seems to be working.
That example is not for dynamic nav bar , but for getting categories.

You can find some logic for that dynamic nav bar on the green energy site which can be
downloaded using the following link http://ecmarchitect.com/images/green-energy-code-camp-assets.zip
but thats for SURF.
Anyway, you have to drop in your own css logic for the nav drop downs and identifying root level & child navs.
Hope the above green energy example will give you more info on dynamic navs in Alfresco.

Re: Dynamic Nav Bar

dotcombubble — Tue, 17 Mar 2009 19:47:42 GMT

Thanks again, but I am now getting the alert from the failure function everytime I try the callout

failure : function (o) {
      if (!YAHOO.util.Connect.isCallInProgress(o)) {
          alert("Async call failed!");
      }
  },‍‍‍‍‍

Any ideas why?

Re: Dynamic Nav Bar

ssaravanan — Thu, 19 Mar 2009 10:25:32 GMT

I too was getting the same error on Safari, but seems to be working on
Mozilla. That example simply links the categories to a drop down list using YUI and am
not sure whether that eg will be of use for building a dynamic nav. I am currently working on one
of your same requirements, but thats on SURF. So, if you manage to get it up, feel free to drop
how you did it with the community.

Re: Dynamic Nav Bar

alfhunt — Thu, 06 Jan 2011 01:10:07 GMT

Hi All,
I am new to the Alfresco wcm. I have a requirement to implement the dynamic navigatio bar for a website. Please help me to get this done

Re: Dynamic Nav Bar

ben — Thu, 06 Jan 2011 08:45:40 GMT

If you are new to Alfresco WCM, take a look at the Web Quick Start. This uses the default (non AVM ) store and delivers dynamically (including navigation).

Install Guide, User Guide and Developer Guide - http://wiki.alfresco.com/wiki/Web_Quick_Start

Overview blog article - http://www.benh.co.uk/alfresco/web-quick-start/web-quick-start-first-look/

Regards, Ben.

Re: Dynamic Nav Bar

alfhunt — Wed, 12 Jan 2011 18:04:38 GMT

Thanks a lot Ben!

Re: Dynamic Nav Bar

armandtan — Tue, 17 May 2011 20:16:21 GMT

I have managed to work out a system to managing a dynamic Navigation using Alfresco.

It's pretty cool, using one web form to contain references to a list of other 'nav option' web forms. The form looks like:

Label NormalizedText
Link TargetURI

Then injecting a freemarker .ftl file into the host (first) web form which will then systematically grab the .xml content of each referenced .xml file to create one complete .xml file ready for rendering.

Using a script to poll the content we can keep this nav .xml up to date.

If you're interested - you're welcome to ask for more details.

Regards

Armandtan