Mega drop down menu position

[Deepa]

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 

[Kate]

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

[Deepa]

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

[Kate]

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