This is a migrated thread and some comments may be shown as answers.

Mega drop down menu position

3 Answers 99 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Deepa
Top achievements
Rank 1
Deepa asked on 07 May 2012, 07:45 PM
Hi,
 I am trying to implement ASP.Net AJAX Telerik Mega drop down menu, the menu works great, but the drop down is always displayed at the leftmost side of the menu bar, is there a way to display the drop down exactly below the selected menu item?

Thanks,
Deepa 

3 Answers, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 10 May 2012, 01:47 PM
Hi Deepa,

Yes, you can achieve that. Using this demo and the css classes below you can position the dropdown of the different root menu items as desired. Of course you will also need to apply different css class to the root menu items using the OuterCssClass property:
 
<style type="text/css">
   .Item1 .rmSlide
   {
       left: 20px !important;
   }
    
    .Item2 .rmSlide
   {
       left: 30px !important;
   }
    
    .Item3 .rmSlide
   {
       left: 40px !important;
   }
    .Item4 .rmSlide
   {
       left: 50px !important;
   }
   </style>

markup used:
<telerik:RadMenu runat="server" ID="RadMenu1" Skin="Sitefinity" OnClientItemOpened="itemOpened"
            Width="880px" Height="60px" EnableShadows="true" ClickToOpen="true">
            <Items>
                <telerik:RadMenuItem Text="Products" PostBack="false" OuterCssClass="Item1">
                    <Items>
......
 <telerik:RadMenuItem Text="Stores" PostBack="false" OuterCssClass="Item2">
......
<telerik:RadMenuItem Text="News" PostBack="false" OuterCssClass="Item3">
....
      <telerik:RadMenuItem Text="Events" PostBack="false" OuterCssClass="Item4">

Let me know if this helps and if you have any other questions that I can assist you with.

All the best,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Deepa
Top achievements
Rank 1
answered on 14 May 2012, 04:53 PM
Thanks, Kate! it definitely helped.
Regarding the same Mega drop down menu, is it possible to add siteMapNode to the radMenu dynamically via JavaScript code?
when i tried it didn't work, all I could do was add another submenuItem to the RadMenu object through Javascript.

Thanks,
Deepa
0
Kate
Telerik team
answered on 17 May 2012, 01:26 PM
Hi Deepa,

We do not support scenarios in which you need to add other controls on the client side. As you have already tried and as explained in the below article currently with our controls you can only add menu items on the client side.
http://www.telerik.com/help/aspnet-ajax/menu-radmenuitemcollection-client-side.html

All the best,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Menu
Asked by
Deepa
Top achievements
Rank 1
Answers by
Kate
Telerik team
Deepa
Top achievements
Rank 1
Share this question
or