How to implement two level site navigation using ZMI? (RESOLVED)

[Lars Löwenadler]

I'd like to implement a two level site navigation system, using ZMI (I've never tried working on the filesystem). The only guide I've found is "2 Level Navigation In Plone 3" (at http://plone.org/documentation/how-to/2-level-navigation-in-plone-3) but it targets development on the filesystem*, so I don't know how to use it in ZMI.

* Of course I've browsed the folders on the filesystem but I can't really find what the guide refers to.

Does anyone know a simple way how to implement a two level navigation system on my site using ZMI?

Plone 3.2.3 on Windows XP.

Thanks.

[Bastien Gauthier]

What do you mean by 2 levels navigation?

We use a particluar skin to display what I think is a 2 levels navigation.

Have a look at it here, this is a develpment skin.

http://cpskin3.communesplone.be/

Have a nice day,

BASTIEN Gauthier
Service Informatique - Administration Communale de Sambreville
071/260.247
http://www.sambreville.be
 

>-----Message d'origine-----
>De : [hidden email]
>[mailto:[hidden email]] De la part de Lars Löwenadler
>Envoyé : jeudi 27 août 2009 10:40
>À : [hidden email]
>Objet : [Plone-UI] How to implement two level site navigation
>using ZMI?
>
>
>I'd like to implement a two level site navigation system,
>using ZMI (I've never tried working on the filesystem). The
>only guide I've found is "2 Level Navigation In Plone 3" (at
>http://plone.org/documentation/how-to/2-level-navigation-in-plo
>ne-3) but it targets development on the filesystem*, so I
>don't know how to use it in ZMI.
>
>* Of course I've browsed the folders on the filesystem but I
>can't really find what the guide refers to.
>
>Does anyone know a simple way how to implement a two level
>navigation system on my site using ZMI?
>
>Plone 3.2.3 on Windows XP.
>
>Thanks.
>--
>View this message in context:
>http://n2.nabble.com/How-to-implement-two-level-site-navigation
>-using-ZMI-tp3522719p3522719.html
>Sent from the User Interface & Design mailing list archive at
>Nabble.com.
>
>_______________________________________________
>UI mailing list
>[hidden email]
>http://lists.plone.org/mailman/listinfo/ui
>

_______________________________________________
UI mailing list
[hidden email]
http://lists.plone.org/mailman/listinfo/ui

[Espen Moe-Nilssen]

Some javascript/style in this post has been disabled (why?)

There is a product, something like ???.seconlevelnavigation or something

Espen Moe-Nilssen

_______________________________________________

Author of Subskins III , build your own theme for Plone. Try it at:

http://subskins.medialog.no

Den 27. aug. 2009 kl. 11.34 skrev Bastien Gauthier:

What do you mean by 2 levels navigation?

We use a particluar skin to display what I think is a 2 levels navigation.

Have a look at it here, this is a develpment skin.

http://cpskin3.communesplone.be/

Have a nice day,

BASTIEN Gauthier

Service Informatique - Administration Communale de Sambreville

071/260.247

http://www.sambreville.be

-----Message d'origine-----

De : [hidden email] 

[[hidden email]] De la part de Lars Löwenadler

Envoyé : jeudi 27 août 2009 10:40

À : [hidden email]

Objet : [Plone-UI] How to implement two level site navigation 

using ZMI?

I'd like to implement a two level site navigation system, 

using ZMI (I've never tried working on the filesystem). The 

only guide I've found is "2 Level Navigation In Plone 3" (at

http://plone.org/documentation/how-to/2-level-navigation-in-plo

ne-3) but it targets development on the filesystem*, so I 

don't know how to use it in ZMI.

* Of course I've browsed the folders on the filesystem but I 

can't really find what the guide refers to.

Does anyone know a simple way how to implement a two level 

navigation system on my site using ZMI?

Plone 3.2.3 on Windows XP.

Thanks.

--

View this message in context: 

http://n2.nabble.com/How-to-implement-two-level-site-navigation

-using-ZMI-tp3522719p3522719.html

Sent from the User Interface & Design mailing list archive at 

Nabble.com.

_______________________________________________

UI mailing list

[hidden email]

http://lists.plone.org/mailman/listinfo/ui

_______________________________________________

UI mailing list

[hidden email]

http://lists.plone.org/mailman/listinfo/ui

_______________________________________________
UI mailing list
[hidden email]
http://lists.plone.org/mailman/listinfo/ui

[Lars Löwenadler]

Thank you for replies.

Bastien Gauthier: By 2 level navigation I mean sub menus, pretty much like the layout on the site you link to.

I'm composing my own skin and would like to add a second level of navigation below the boxes/tabs. Currently the second level in the hierarchy ends up in the body, like all content, but it should be in the header along with the boxes/tabs.

This is what I'm trying to do: http://www.fcc.chalmers.se/ Click e.g. the box of Geometry and Motion Planning, and you'll see Profile, Projects etc. underneath. That's what I'm looking for.

Espen Moe-Nilssen: I searched for secondlevelnavigation and found this: http://plone.org/documentation/how-to/custom-navigation/

Looks very interesting so I tried to implement it by following the instructions - added the python script in a custom skin folder (using ZMI) and the TAL code in a customized main_template. However, I guess some CSS is also need to see the results, but I can't figure out how to get all this to work together... added

ul#topLevelNavigation {
display:none;
}

in my custom CSS file, just to see if that would hide my boxes, but it didn't (it was a wild guess).

Any ideas? Thanks

[danielle]

> in my custom CSS file, just to see if that would hide my boxes, but it
> didn't (it was a wild guess).
>
> Any ideas? Thanks

to start with you can make any tab invisible through the ZMI
look at the checkbox Visible
/portal_actions/portal_tabs/index_html/manage_propertiesForm for the
tab home for example

_______________________________________________
UI mailing list
[hidden email]
http://lists.plone.org/mailman/listinfo/ui

[Espen Moe-Nilssen]

>
> Espen Moe-Nilssen: I searched for secondlevelnavigation and found  
> this:
> http://plone.org/documentation/how-to/custom-navigation/
>
> Looks very interesting so I tried to implement it by following the

http://plone.org/products/neteasy.plone.subnavbar

_______________________________________________
UI mailing list
[hidden email]
http://lists.plone.org/mailman/listinfo/ui

[Lars Löwenadler]

danielle: Thanks, but /portal_actions/portal_tabs/index_html/manage_propertiesForm is not what I'm looking for. It simply hides the Home tab which I've already done since the site logo also leads to Home.

Espen Moe-Nilssen: neteasy.plone.subnavbar seems interesting, I'll check it out, although I have another idea I want to try as well (it's a piece of code from the site I linked to above, a site which is maintained by me and my organization, so I can use it for free).

If successful I'll post for everyone's information!

[vedaw]

Have you tried the webcouturier.dropdownmenu option? Perhaps you could set
it to just one level?

Or, are you talking about something more like this?

http://ilbi.org/ (mouse over the different menu options at the top).

Cheers,

- Veda


On 8/27/09 1:40 AM, "Lars Löwenadler" <[hidden email]>
wrote:

>
> I'd like to implement a two level site navigation system, using ZMI (I've
> never tried working on the filesystem). The only guide I've found is "2
> Level Navigation In Plone 3" (at
> http://plone.org/documentation/how-to/2-level-navigation-in-plone-3) but it
> targets development on the filesystem*, so I don't know how to use it in
> ZMI.
>
> * Of course I've browsed the folders on the filesystem but I can't really
> find what the guide refers to.
>
> Does anyone know a simple way how to implement a two level navigation system
> on my site using ZMI?
>
> Plone 3.2.3 on Windows XP.
>
> Thanks.

_______________________________________________
UI mailing list
[hidden email]
http://lists.plone.org/mailman/listinfo/ui

[Lars Löwenadler]

Hi,

vedaw wrote:

Have you tried the webcouturier.dropdownmenu option? Perhaps you could set
it to just one level?

Or, are you talking about something more like this?

http://ilbi.org/ (mouse over the different menu options at the top).

Yes, I'm looking for something like the layout of http://ilbi.org/

Since my last post I have successfully implemented a navigation portlet to enable such sub menus. As I don't use the column one portlet (other than for Site Setup which visitors won't see anyway) I've simply moved it with CSS, putting it horizontally (instead of the default - vertical) below the main menu boxes. Currently it works great in some browsers, and not at all in other browsers. So the challenge is to make the CSS work with all browsers...

If this fails (which actually may be the case due to IE, LOL) I may still try http://plone.org/products/neteasy.plone.subnavbar or your suggestion webcouturier.dropdownmenu.

Thanks,
Lars

[Karl Johan Kleist]

Wow Veda - that's a beautiful navigation gadget! Have you used the standard Plone stuff, and crafted your own viewlet? Or customized "webcouturier.dropdownmenu"?

vedaw wrote:

Have you tried the webcouturier.dropdownmenu option? Perhaps you could set
it to just one level?

Or, are you talking about something more like this?

http://ilbi.org/ (mouse over the different menu options at the top).

[Lars Löwenadler]

[EDIT: Hang on, I'm going to try a product instead]

[EDIT 2: Never mind the CSS issues, I successfully used neteasy.plone.subnavbar instead - great and simple product, works with all browsers I've tested]

Here's an update and a question related to this:

Lars Löwenadler wrote:

Since my last post I have successfully implemented a navigation portlet to enable such sub menus. As I don't use the column one portlet (other than for Site Setup which visitors won't see anyway) I've simply moved it with CSS, putting it horizontally (instead of the default - vertical) below the main menu boxes. Currently it works great in some browsers, and not at all in other browsers. So the challenge is to make the CSS work with all browsers...

The CSS problem seems to be that the navigation portlet isn't visible in some browsers when putting it above the breadcrumbs. Here's a schematic view of my site:

------------------------------------
Header with menu boxes
                            □□□□
                              ___
------------------------------------
Personal bar
------------------------------------
Breadcrumbs
------------------------------------

Body


------------------------------------

The 2nd level navigation portlet (___) should be at the header, just under the boxes (□□□□). But, it simply disappears when putting it above the Breadcrumbs (and it should be even higher - above the Personal bar).

The problem occurs in IE6, IE7 and Opera 10, while it looks good in Firefox 3.5, IE8, Safari and Chrome.

Any ideas here? Is there some trick to make the portlet visible wherever its position on the site is?

Thanks,
Lars