telerik tree view is not showing in jquery

[faisal]

Hi,


i am working in jquery accordion menu. i want to put treeview in a tab of accordion but its not showing tree view.
when i simple put this on page it is showing. plz help me

code here   : i am populating that treeview dynamically

   <div id="accordion1" class="basic">
            <a href="#">Fleet</a>           
            <div style="width: 100%; height: 100%">                                          
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>                                                  
                            <telerik:RadTreeView runat="server" ID="RadTreeView1" OnClientContextMenuItemClicked="onContextMenuItemClicked"
                                OnNodeClick="NodeClicked" OnContextMenuItemClick="RadTreeView2_ContextMenuItemClick">
                                <ContextMenus>
                                    <telerik:RadTreeViewContextMenu ID="menu1" EnableRoundedCorners="true" EnableShadows="true">
                                        <Items>
                                            <telerik:RadMenuItem Text="MoveUp" />
                                            <telerik:RadMenuItem Text="MoveDown" />
                                            <telerik:RadMenuItem Text="Send E-Mail" />
                                            <telerik:RadMenuItem Text="Refresh" />
                                        </Items>
                                    </telerik:RadTreeViewContextMenu>
                                    <telerik:RadTreeViewContextMenu ID="menu2" EnableRoundedCorners="true" EnableShadows="true">
                                        <Items>
                                            <telerik:RadMenuItem Text="Copy" />
                                            <telerik:RadMenuItem Text="Paste" />
                                            <telerik:RadMenuItem Text="Refresh" />
                                            <telerik:RadMenuItem Text="Properties" />
                                        </Items>
                                    </telerik:RadTreeViewContextMenu>
                                </ContextMenus>
                              
                            </telerik:RadTreeView>
                        
                        </ContentTemplate>
                    </asp:UpdatePanel>            
            </div>
            <a href="#">Administration</a>
            <div>
                <p style="font-weight: bold;">
                    Sed Non Urna</p>
                <p>
                    Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit,
                    dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus
                    libero ac justo.</p>
                <p>
                    Vivamus non quam. In suscipit faucibus urna.</p>
            </div>
            <a href="#">Auto Reports & Alerts</a>
            <div>
                <p>
                    Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus
                    pellentesque purus in massa. Aenean in pede.</p>
                <p>
                    Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna
                    quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.</p>
                <ul>
                    <li>List item one</li>
                    <li>List item two</li>
                    <li>List item three</li>
                </ul>
            </div>
            <a href="#">History Playback</a>
            <div>
                <label for="pickerfieldStart">
                    <b>Start date</b></label>
                <input id="pickerfieldStart" type="text" value="2010-08-03 00:12:39"/>
                <br />
                <label for="pickerfieldEnd">
                    <b>End date</b></label>
                <input id="pickerfieldEnd" type="text" value="2010-08-03 08:16:13" />
                <br />
                <input id="btnPlay" type="button" value="Play" onclick="CheckForSnailTrail();" />&nbsp;
                <input id="btnPause" type="button" value="Pause" onclick="TemporarilyPauseSnailTrail();" />&nbsp;
                <input id="btnClear" type="button" value="Clear" onclick="ClearSnailTrail();" />&nbsp;
                <br />
                <div id="divSnailTrailSummary">
                </div>
            </div>
            <a href="#">POI Fences</a>
            <div>
                <p>
                    Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus
                    pellentesque purus in massa. Aenean in pede.</p>
                <p>
                    Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna
                    quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.</p>
                <ul>
                    <li>List item one</li>
                    <li>List item two</li>
                    <li>List item three</li>
                </ul>
            </div>
        </div>


With Regards,


Faisal

[Nikolay Tsenkov]

Hello faisal,

Please, open a support ticket and send us a runnable sample, making all the necessary js includes, and please, provide us with all required know-how info on the jQuery UI we will need in order to further investigate the problem you experience.

This is a third-party framework, so it might require additional work and setup in order to use it with our controls.


Regards,
Nikolay Tsenkov
the Telerik team