widget within widget

[Phil]

How would I go about having a grid widget within an accordion widget? is it possible? I'm using something like this


                <ul id="accordion">
                <li class="k-state-active">
                    grid
                    <ul>
                        <li><div id="grid"></div></li>
                    </ul>
                </li>
            </ul>
              

$('#gird).kendoGrid({ ... });
       $("#accordion").kendoPanelBar({ ... });

[Dimo]

Hi Phil,

This is possible, but I advise you to initialize the Grid first, or initialize it in a visible (expanded) item of the PanelBar. If the Grid is initialized while hidden, it has an explicit height and its scrolling is enabled, the widget will not be able to adjust its layout properly.

In addition, please use one more <div> inside <li class="k-state-active"> to wrap all inner content, as shown in this demo:

http://demos.kendoui.com/web/panelbar/index.html

All the best,
Dimo
the Telerik team