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

RadMenu - submenu align center in horizontal floe

1 Answer 103 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Yousuf Mohammed
Top achievements
Rank 1
Yousuf Mohammed asked on 29 Mar 2012, 08:39 PM
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,

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 30 Mar 2012, 07:31 AM
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.
Tags
Menu
Asked by
Yousuf Mohammed
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or