RadMenu GroupSetting

[Armin]

Hi.
I have a problem with my radmenu 2009.
when i set a DefaultGroupSetting for my menu, for exmaple :

<

 

telerik:RadMenu ID="FarsiMenu" Runat="server" DataFieldParentID="MenuParentID" dir="rtl"

 

 

DataNavigateUrlField="AdminValue" DataSourceID="sdsMenuBuilder"

 

 

 

DataTextField="MenuText" DataValueField="Value" DataFieldID="MenuID" Width="650px"

 

 

 

onprerender="FarsiMenu_PreRender"

 

 

 

style="position:absolute;right:40px;" EnableOverlay="False" AutoScrollMinimumHeight="100" EnableAutoScroll="True">

 

 

 

<DefaultGroupSettings Height="200px" RepeatColumns="1" />

 

 

 

</telerik:RadMenu>

 

When my submenu items height is less thatn 200px, the submenu window is 200px with some empty space.
how can i solbe this problem?
i want when my items heght is less than 200px, the submenu window height be fit to these items.

Thank u all.

[Helen]

Hello Armin,

Please try the following:

<telerik:RadMenu ID="Menu1" runat="server" OnClientItemOpened="itemOpened" dir="rtl">
    <Items>
    <telerik:RadMenuItem runat="server" Text="Root RadMenuItem1">
        <Items>
        <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">
        </telerik:RadMenuItem>
         </Items>
        <GroupSettings Height="200px" />
    </telerik:RadMenuItem>
    <telerik:RadMenuItem runat="server" Text="Root RadMenuItem2">
    </telerik:RadMenuItem>
    <telerik:RadMenuItem runat="server" Text="Root RadMenuItem3">
    </telerik:RadMenuItem>

    </Items>
</telerik:RadMenu>

<script type="text/javascript">

   function itemOpened(sender, args) {

       var item = args.get_item();

       var childCount = item.get_items().get_count();
       var scrollWrapElement = args.get_item()._getScrollWrapElement();

       var groupHeight = item.get_groupSettings().get_height();

       var itemHeight = item.get_element().offsetHeight;

       itemHeight = childCount * itemHeight;

       if (itemHeight < parseInt(groupHeight)) {

       scrollWrapElement.style.height = itemHeight + "px";
       }


   }

</script>

Kind regards,
Helen
the Telerik team

[Armin]

Thanks alot, it works.