How to right-align menu item template

3 posts, 1 answers
  1. Lisa
    Lisa avatar
    8 posts
    Member since:
    Oct 2012

    Posted 08 Aug 2013 Link to this post

    Hello,

    On the following menu demo:

    http://demos.telerik.com/aspnet-ajax/menu/examples/functionality/templates/defaultcs.aspx

    On the last item, the "login", mousing over causes a small form to be displayed for the user to log in.  I want to align that slide-out panel with the RIGHT side of the "login" item instead of the left (because the menu will be aligned on the right side of the page).  How do I do this?

    Thank you!

  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 09 Aug 2013 Link to this post

    Hi Lisa,

    Try setting the GroupSettings-OffsetX property of the corresponding RadMenu Item to a desired value in order to right-align the item with respect to its root item.

    ASPX:
    <telerik:RadMenu ID="RadMenu1" runat="server">
        <Items>
            <telerik:RadMenuItem runat="server" Text="Products" GroupSettings-OffsetX="-185">
                <Items>
                    <telerik:RadMenuItem runat="server" Text="Product 1">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Product 2">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
        </Items>
    </telerik:RadMenu>

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Lisa
    Lisa avatar
    8 posts
    Member since:
    Oct 2012

    Posted 09 Aug 2013 Link to this post

    Perfect!  Thanks!
Back to Top