TreeView collapse image url
TreeView CollapseImageUrl is the url to an image displayed for the collapsible node indicator. treeview collapse
indicator image is usually a minus sign (-). if we want then we can change the default image of collapse indicator.
treeview CollapseImageUrl property help us to change or set the collapse indicator image. we can set or change the treeviw collapse
image url programatically at run time. the following c# examples source code demonstrate us the entire process.
TreeViewCollapseImageUrl.aspx
<%@ Page Language="C#" %>
<!DOCTYPE html>
<script runat="server">
protected void Button1_Click(object sender, System.EventArgs e)
{
TreeView1.CollapseImageUrl = "~/Images/CollapseImage.gif";
}
protected void Button2_Click(object sender, System.EventArgs e)
{
TreeView1.CollapseImageUrl = "~/Images/CollapseImage1.gif";
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>How to set, change collapse image url (CollapseImageUrl) in TreeView</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2 style="color:Green">TreeView Example: CollapseImageUrl</h2>
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
<asp:TreeView
ID="TreeView1"
runat="server"
DataSourceID="SiteMapDataSource1"
Width="250"
ForeColor="Crimson"
Font-Bold="true"
BorderColor="Crimson"
BorderWidth="2"
>
</asp:TreeView>
<br />
<asp:Button
ID="Button1"
runat="server"
ForeColor="SteelBlue"
Text="Change Collapse Iamge Url"
Height="45"
OnClick="Button1_Click"
Font-Bold="true"
/>
<asp:Button
ID="Button2"
runat="server"
ForeColor="SteelBlue"
Text="Set Another Collapse Image"
Height="45"
OnClick="Button2_Click"
Font-Bold="true"
/>
</div>
</form>
</body>
</html>
Web.sitemap
Web.sitemap source code here.


