In this topic you will add a Panel control with some content that will become a hierarchical tree structure.
<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.