More menu order

5 posts, 0 answers
  1. Jon
    Jon avatar
    813 posts
    Member since:
    Oct 2008

    Posted 16 Jun Link to this post

    Hi All,

    Is there a way to adjust the order that items enter the more (hamburger) menu?  

    At the moment they enter in the order that they appear in the list (complicated in my case because I am using a float right for some elements)

    In the below example 1 is left floated while 2 - 6 are right floated

    1           2 3 4 5 6

    When creating them I have to add them in this sequence

    5 4 3 2 

    Because of that 2 is first into the more menu.  I would like the order of the more menu to be the same as the displayed order.  I suppose one way would be to work out a way to not need the right float and then they would shuffle into the more menu in the right order.

    Regards

    Jon

  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 20 Jun Link to this post

    Hi Jon,

    We are afraid that the Navigation does not have added such functionality. You could log a new feature request in our feedback portal where everyone can vote for it. You will be able also to follow the item so you will be informed about the status of the item.

    Regards,
    Magdalena
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jon
    Jon avatar
    813 posts
    Member since:
    Oct 2008

    Posted 20 Jun in reply to Magdalena Link to this post

    Hi Magdalena 

    Thanks for letting me know.  With that in mind can you think of an alternate way(avoiding float:right) to do what I was asking in my other recent post?  It seems that byusing float right I had to put the items in the menu in the wrong order and thus they disappear in the wrong order.

    Regards

    Jon

  5. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 22 Jun Link to this post

    Hi Jon,

    You can set text-align:right  to the parent container, so all items will be right aligned. After that you can float left only the first item.

    aspx:
    <telerik:RadNavigation runat="server" ID="RadNavigation1" >
        <Nodes>
            <telerik:NavigationNode Text="Node 1" CssClass="leftNode" />
            <telerik:NavigationNode Text="Node 2" />
            <telerik:NavigationNode Text="Node 3" />
            <telerik:NavigationNode Text="Node 4" />
        </Nodes>
    </telerik:RadNavigation>

    CSS:
    html .RadNavigation .rnvRootGroup {
        text-align: right;
        display: block;
    }
     
    .leftNode {
        float: left;
    }


    Regards,
    Magdalena
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  6. Jon
    Jon avatar
    813 posts
    Member since:
    Oct 2008

    Posted 22 Jun in reply to Magdalena Link to this post

    Perfect thanks Magdalena 

    I could have sworn that I tried the text aligment, no matter.  It's really good now :)

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017