Navigation control - Mouseover - Sitefinity - General Discussions

All Replies

Posted by Community Admin on 16-May-2011 00:00

Hi,
In our new project , we need following functionality -
There are total 4 menus.
- Home
- About Us
- Contact Us
- Products

About us and contact us contains three submenus each.
Product contains 15 products as submenus.

I am using sitefinity Navigation control (Horizontal with Tab) in my master template. (drag and dropped)
On mouse over , i am able to navigate through my site.
But i need that , if my mouse is on 'Product' it should not drill down the product sub menu(as it is very long list of products)
Rest of the menus should get expand on mouse over.
i tried by setting 'Show In Navigation' as false for all product pages. and its works fine for horizontal menu
but i need product sub pages on my LHS(Left Hand Side Navigation bar).

How could i achieve this functionality by handling mouse over event of control?
Is there any solution.

Summary is i dont want to show the pages in navigation on top navigation control. but pages should be visible on left hand navigation control.

Please help

Thanks & Regards, :)

Posted by Community Admin on 16-May-2011 00:00

Hello Anu,

This can be easily achieved only with CSS. Here is the code that you should set in your theme:

.rtsLevel.rtsLevel2 ul:last-child

display:none !important;

IE7 and IE8 doesn't support the :last-child selector, so you can add also:

.rtsLevel.rtsLevel2 ul + ul +ul /*IE workaround*/

display: none !important;

Note that this will work only with the configuration described in your post.

Regards,
Jordan
the Telerik team

Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

This thread is closed