[Solved] Menu Child offset

[Muhib]

hi
how can I offset all children  nodes to be align under the first parent,i.e. if I hit the third parent, his child menu will appear under the first parent .
in fact, I did it when the parents have a fixed width, but when I don't specify the parents width declaratively , I can't
compute the children offsetx value.
can you help me
thank you

[Shinu]

Hello Muhib,

I tried following client-side code for calculating the width of each RadMenuItem and setting the OffsetX value from client side. Give a try with this code.

ASPX:

<telerik:RadMenu ID="RadMenu1" runat="server" OnClientLoad="OnClientLoad">
    <Items>
        . . .
    </Items>
</telerik:RadMenu>

JavaScript:

<script type="text/javascript">
function OnClientLoad(sender, args)
{
     var width = 0;
     menu = sender;
     var temp= 0;
     for (var i = 0; i < menu.get_allItems().length; i++)
     {
        width = 0;
        var item = menu.get_allItems()[i];
        if(item.get_level()==1)
        {
            var parent1 = item.get_parent();
            var parent2 = parent1.get_parent();
            var items = parent2.get_items();
            for(var j = 0 ; items.getItem(j).get_text() != parent1.get_text(); j++)
            {
                width = width+ items.getItem(j)._getWidth();
            }
            parent1.get_groupSettings().set_offsetX(0-width);
        }
     }
}
</script>

Regards,
Shinu.

[Muhib]

it's work fine, thanks