Mega drop down menu position

4 posts, 0 answers
  1. Deepa
    Deepa avatar
    3 posts
    Member since:
    Apr 2011

    Posted 07 May 2012 Link to this post

    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 
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 10 May 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Deepa
    Deepa avatar
    3 posts
    Member since:
    Apr 2011

    Posted 14 May 2012 Link to this post

    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
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 17 May 2012 Link to this post

    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.
Back to Top