RadMenu - submenu align center in horizontal floe

2 posts, 0 answers
  1. Yousuf Mohammed
    Yousuf Mohammed avatar
    15 posts
    Member since:
    Dec 2007

    Posted 29 Mar 2012 Link to this post

    Hello,

    I am trying to modify RadMenu so that the submenu flow is horizontal . I have 3 levels in the menu. Flow at all 3 levels is set to horizontal.

    Below is how I have the menu currently. ( when the MenuItem6 is expanded)  

    MenuItem1   MenuItem4   MenuItem5   MenuItem6   MainMenuItem7
    Item6SubItem1 Item6SubItem2 Item6SubItem3    

    I want the submenu to be aligned center.  Below is the desired result. 

    MenuItem1  MenuItem4   MenuItem5   MenuItem6   MainMenuItem7
    Item6SubItem1 Item6SubItem2 Item6SubItem3      


    Please let me know how the submenu can be aligned center . 

    Thanks,
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 30 Mar 2012 Link to this post

    Hello Yousuf,
    You can try setting the offset value under the Groupsettings. Here is a sample markup.
    <telerik:RadMenu ID="RadMenu3" runat="server">
        <Items>
         <telerik:RadMenuItem runat="server" Text="item1">
          <GroupSettings OffsetX="-11" Flow="Horizontal" />
           <Items>
            <telerik:RadMenuItem Text="Item1">
            </telerik:RadMenuItem>
            <telerik:RadMenuItem Text="Item2">
            </telerik:RadMenuItem>
           </Items>
          </telerik:RadMenuItem>
          <telerik:RadMenuItem runat="server" Text="Item2">
           <GroupSettings OffsetX="-21" Flow="Horizontal" />
            <Items>
              <telerik:RadMenuItem Text="Item1">
              </telerik:RadMenuItem>
              <telerik:RadMenuItem Text="Item2">
              </telerik:RadMenuItem>
             </Items>
         </telerik:RadMenuItem>
          <telerik:RadMenuItem runat="server" Text="Item3">
           <GroupSettings OffsetX="-31" Flow="Horizontal" />
            <Items>
             <telerik:RadMenuItem Text="Item1">
             </telerik:RadMenuItem>
             <telerik:RadMenuItem Text="Item2">
             </telerik:RadMenuItem>
             </Items>
            </telerik:RadMenuItem>
            <telerik:RadMenuItem runat="server" Text="Item4">
             <GroupSettings OffsetX="-41" Flow="Horizontal" />
              <Items>
              <telerik:RadMenuItem Text="Item1">
              </telerik:RadMenuItem>
              <telerik:RadMenuItem Text="Item2">
              </telerik:RadMenuItem>
               </Items>
            </telerik:RadMenuItem>
       </Items>
    </telerik:RadMenu>

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top