ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / C1TreeExtender / C1TreeExtender Tutorial / Step 1 of 4: Setting up the Panel
In This Topic
    Step 1 of 4: Setting up the Panel
    In This Topic

    In this topic you will add a Panel control with some content that will become a hierarchical tree structure.

    1. In the Visual Studio Toolbox, double-click the Panel control to add a panel to the main content of  your page.
    2. Add some content to the panel. For example:

        

    <asp:Panel ID="Panel1" runat="server">

         <ul>

                <li class="folder"><a><span>Folder 1</span></a>

                    <ul>

                        <li class="folder"><a><span>Folder 1.1</span></a>

                            <ul>

                                <li class="file"><a><span>File 1.1</span></a></li>

                                <li class="file"><a><span>File 1.2</span></a></li>

                                <li class="file"><a><span>File 1.3</span></a></li>

                                <li class="file"><a><span>File 1.4</span></a></li>

                                <li class="file"><a><span>File 1.5</span></a></li>

                            </ul>

                        </li>

                        <li class="file"><a><span>File 1.2</span></a></li>

                        <li class="file"><a><span>File 1.3</span></a></li>

                        <li class="file"><a><span>File 1.4</span></a></li>

                        <li class="file"><a><span>File 1.5</span></a></li>

                    </ul>

                </li>

                <li class="folder"><a><span>Folder 2</span></a>

                    <ul>

                        <li class="file"><a><span>File 2.1</span></a></li>

                        <li class="file"><a><span>File 2.2</span></a></li>

                        <li class="file"><a><span>File 2.3</span></a></li>

                        <li class="file"><a><span>File 2.4</span></a></li>

                        <li class="file"><a><span>File 2.5</span></a></li>

                    </ul>

                </li>

                <li class="folder"><a><span>Folder 3</span></a>

                    <ul>

                        <li class="file"><a><span>File 3.1</span></a></li>

                        <li class="file"><a><span>File 3.2</span></a></li>

                        <li class="file"><a><span>File 3.3</span></a></li>

                        <li class="file"><a><span>File 3.4</span></a></li>

                        <li class="file"><a><span>File 3.5</span></a></li>

                    </ul>

                </li>

            </ul>

        </asp:Panel>

    Next, add a C1TreeExtender control and associate it with the panel.