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

How to right-align menu item template

2 Answers 202 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Lisa
Top achievements
Rank 1
Lisa asked on 08 Aug 2013, 10:41 PM
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 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 09 Aug 2013, 05:13 AM
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.
0
Lisa
Top achievements
Rank 1
answered on 09 Aug 2013, 08:28 PM
Perfect!  Thanks!
Tags
Menu
Asked by
Lisa
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Lisa
Top achievements
Rank 1
Share this question
or