<%@ Register TagPrefix="ec" Namespace="ASPNETExpert.WebControls" Assembly="ASPNETExpert.WebControls" %>
<%@ Register TagPrefix="ecd" Namespace="ASPNETExpert.WebControls.DemoControls" Assembly="ASPNETExpert.WebControls.DemoControls" %>
<%@ Control Language="c#" AutoEventWireup="false" %>
<script runat="server" language="C#">
protected void ShowLinesCheckedChanged(object sender, EventArgs e)
{
XPSkinnedTree.TreeLook.ShowLines = ShowLinesCB.Checked;
}
</script>
<table cellpadding="0" cellspacing="0" border="0" xmlns:ec="urn:http://aspnetexpert.com/ExpertControls.xsd">
<tr>
<td><asp:CheckBox Runat="server" ID="ShowLinesCB" Text="ShowLines" AutoPostBack="True" OnCheckedChanged="ShowLinesCheckedChanged" CssClass="formtext" /></td>
</tr>
<tr>
<td valign=top>
<ec:ExpertTree id="XPSkinnedTree" Skin="XP" runat="server" ExpandOnClick="true" CollapseOnClick="true" EnableViewState="false">
<TreeLook Base="XP" Width="260px" Height="320px" Overflow="Scroll" />
<Nodes>
<ec:TreeNode Expanded="true" Text="North America">
<Nodes>
<ec:TreeNode Expanded="true" Text="U.S.A.">
<Nodes>
<ec:TreeNode Text="New York" />
<ec:TreeNode Text="Los Angeles" />
<ec:TreeNode Text="Boston" Enabled="false" />
<ec:TreeNode Text="Chicago" Enabled="false" />
</Nodes>
</ec:TreeNode>
<ec:TreeNode Text="Canada">
<Nodes>
<ec:TreeNode Text="Toronto" />
<ec:TreeNode Text="Vancouver" />
<ec:TreeNode Text="Calgary" />
<ec:TreeNode Text="Ottawa" />
</Nodes>
</ec:TreeNode>
<ec:TreeNode Text="Mexico">
<Nodes>
<ec:TreeNode Text="Campeche" />
<ec:TreeNode Text="Guadalajara" />
<ec:TreeNode Text="Mexico City" />
<ec:TreeNode Text="Puebla" />
</Nodes>
</ec:TreeNode>
</Nodes>
</ec:TreeNode>
<ec:TreeNode Text="Europe">
<Nodes>
<ec:TreeNode Text="England">
<Nodes>
<ec:TreeNode Text="London" />
<ec:TreeNode Text="Liverpool" />
<ec:TreeNode Text="Leeds" />
<ec:TreeNode Text="Manchester" />
</Nodes>
</ec:TreeNode>
<ec:TreeNode Text="France">
<Nodes>
<ec:TreeNode Text="Paris" />
<ec:TreeNode Text="Cannes" />
<ec:TreeNode Text="Grenoble" />
<ec:TreeNode Text="Toulouse" />
</Nodes>
</ec:TreeNode>
<ec:TreeNode Text="Germany">
<Nodes>
<ec:TreeNode Text="Berlin" />
<ec:TreeNode Text="Bonn" />
<ec:TreeNode Text="Bremen" />
<ec:TreeNode Text="Munich" />
</Nodes>
</ec:TreeNode>
</Nodes>
</ec:TreeNode>
<ec:TreeNode Text="South America">
<Nodes>
<ec:TreeNode Text="Brasil">
<Nodes>
<ec:TreeNode Text="Rio de Janeiro " />
<ec:TreeNode Text="Sao Paulo" />
<ec:TreeNode Text="Campinas" />
<ec:TreeNode Text="Brasilia" />
</Nodes>
</ec:TreeNode>
<ec:TreeNode Text="Argentina">
<Nodes>
<ec:TreeNode Text="Buenos Aires " />
<ec:TreeNode Text="Cordoba" />
</Nodes>
</ec:TreeNode>
<ec:TreeNode Text="Chile">
<Nodes>
<ec:TreeNode Text="Arica" />
<ec:TreeNode Text="Copiapo" />
<ec:TreeNode Text="Puerto Montt" />
</Nodes>
</ec:TreeNode>
</Nodes>
</ec:TreeNode>
<ec:TreeNode Text="Africa">
<Nodes>
<ec:TreeNode Text="South Africa">
<Nodes>
<ec:TreeNode Text="Cape Town" />
<ec:TreeNode Text="Johannesburg" />
<ec:TreeNode Text="Pretoria " />
</Nodes>
</ec:TreeNode>
<ec:TreeNode Text="Zambia">
<Nodes>
<ec:TreeNode Text="Lusaka" />
</Nodes>
</ec:TreeNode>
<ec:TreeNode Text="Zimbabwe">
<Nodes>
<ec:TreeNode Text="Harare" />
</Nodes>
</ec:TreeNode>
</Nodes>
</ec:TreeNode>
</Nodes>
</ec:ExpertTree>
</td>
<td valign=top width="100%" style="padding-left:10px;">
<ecd:DescriptionView runat="server" ID="Descriptionview1">
<ecd:Description runat="server" ID="Description1">
This demo demonstrates using one of the <b>ExpertTree</b> built-in skins:
<b>XP</b> tree skin.
</ecd:Description>
<ecd:Description runat="server" ID="Description2">
Just notify the control that it should use a built-in skin :
<pre class="aspcode">
<ecd:SyntaxHighlight runat="server" ContentType="ASPX" ID="Syntaxhighlight1">
<ec:ExpertTree id="ExpertTree1" Skin="XP" runat="server">
<TreeLook Base="XP" />
</ecd:SyntaxHighlight>
</pre>
</ecd:Description>
</ecd:DescriptionView>
</td>
</tr>
</table>
<ec:CodeViewTab id="CodeViewTab1" runat="server">
<ec:TabItem runat="server" Text="aspx" ID="Tabitem1">
<pre class="aspcode">
<ecd:SyntaxHighlight runat="server" ContentType="ASPX" OutputFile="BuiltInSkins/XP.ascx" />
</ec:TabItem>
</ec:CodeViewTab>