telerik:RadRibbonBar crash/not working in telerik:RibbonBarTemplateItem

[SURYA]

telerik:RadRibbonBar crashed when put telerik:RadRibbonBar  inside another telerik:RadRibbonBar and place telerik:RibbonBarTemplateItem in child telerik:RadRibbonBar.

Error on page is:  "Cannot read property 'width' of undefined"

 

 

<telerik:RadRibbonBar ID="RadRibbonBar1" runat="server" EnableMinimizing="true" Width="100%" Minimized="True" RenderMode="Lightweight">
        <Tabs>
            <telerik:RibbonBarTab Text="Dashboard">
                <telerik:RibbonBarGroup Text="Dashboard">
                    <Items>
                        <telerik:RibbonBarTemplateItem>
                            <telerik:RadRibbonBar ID="RadRibbonBar2" runat="server" EnableMinimizing="true" Width="100%" Minimized="True" RenderMode="Lightweight">
                                <Tabs>
                                    <telerik:RibbonBarTab Text="My Account">
                                        <telerik:RibbonBarGroup Text="Accounts">
                                            <Items>
                                                <telerik:RibbonBarTemplateItem>
                                                    <telerik:RadButton ID="RadButton1" runat="server" Text="RadButton"></telerik:RadButton>
                                                </telerik:RibbonBarTemplateItem>
                                            </Items>
                                        </telerik:RibbonBarGroup>
                                    </telerik:RibbonBarTab>
                                </Tabs>
                            </telerik:RadRibbonBar>
                        </telerik:RibbonBarTemplateItem>
                    </Items>
                </telerik:RibbonBarGroup>
            </telerik:RibbonBarTab>
        </Tabs>
    </telerik:RadRibbonBar>