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

moving the right-most menu all the way to the right or ...

2 Answers 487 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Lee Saunders
Top achievements
Rank 1
Lee Saunders asked on 25 Jan 2013, 08:56 PM
Hello,

I need to shoehorn the kendo menu into an existing design.  The design has a top level menu selection (the last one, going from left to right) pushed all the way to the right of the screen.

Example: If there where four (4) top level menu items, it would look like this:

page edge ->| Item One | Item Two | Item Three|                                             | Item Four |<-page edge

If this is not possible, I've also tried to just get anything on the same level as the menu and getting it all the way to the right (with the styling intact - ie, the background needs to like the menu is spaning the entire width of the page. You know, the default look)

I've been pulling my hair out, so any help would be appreciated.

L. Lee Saunders

2 Answers, 1 is accepted

Sort by
0
Accepted
Kamen Bundev
Telerik team
answered on 28 Jan 2013, 03:55 PM
Hi Lee,

This is possible with CSS only - add this rule to your page to align the last item to right:
#menu > .k-last {
    float: right;
    border-left-width: 1px;
    border-right-width: 0;
}


Replace #menu with your menu ID. Let me know if this helps.

All the best,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Lee Saunders
Top achievements
Rank 1
answered on 28 Jan 2013, 05:20 PM
Perfect!  You guys are creating a GREAT product.  I'm glad we have licenses for KENDOUI!
Tags
Menu
Asked by
Lee Saunders
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Lee Saunders
Top achievements
Rank 1
Share this question
or