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

3 posts, 1 answers
  1. Lee Saunders
    Lee Saunders avatar
    20 posts
    Member since:
    Jul 2009

    Posted 25 Jan 2013 Link to this post

    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. Answer
    Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 28 Jan 2013 Link to this post

    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!
  3. Lee Saunders
    Lee Saunders avatar
    20 posts
    Member since:
    Jul 2009

    Posted 28 Jan 2013 Link to this post

    Perfect!  You guys are creating a GREAT product.  I'm glad we have licenses for KENDOUI!
Back to Top