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

More menu order

4 Answers 91 Views
Navigation
This is a migrated thread and some comments may be shown as answers.
Jon
Top achievements
Rank 1
Jon asked on 16 Jun 2016, 10:04 AM

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

4 Answers, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 20 Jun 2016, 08:36 AM
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.
0
Jon
Top achievements
Rank 1
answered on 20 Jun 2016, 08:40 AM

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

0
Magdalena
Telerik team
answered on 22 Jun 2016, 10:35 AM
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.
0
Jon
Top achievements
Rank 1
answered on 22 Jun 2016, 10:55 AM

Perfect thanks Magdalena 

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

Tags
Navigation
Asked by
Jon
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Jon
Top achievements
Rank 1
Share this question
or