Hi,
I am trying to use CollapsiblePanelExtender but it does not work, i could see both the panels (Header panel and content panel) on execution.
And on clicking on the image has no effect.
I am using AJAX control kit version: 4.5.7.1213
Could someone help me ?
I pasted my code below.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="example.aspx.cs" Inherits="WebApplication1.example" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>CollapsiblePanel</title>
</head>
<body>
<form id="form1" runat="server">
<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>
<div style="width: 410px; background: gray;">
<asp:Panel runat="server" ID="panel1">
<div style="font-weight: bold; background-color: ThreeDShadow;">
<table width="100%">
<tr>
<td align="left">Clicking Here To view my profile
<asp:Label runat="server" ID="textLabel" />
</td>
<td align="right">
<asp:Image ID="Image1" runat="server" ImageUrl="~/expand.jpg" />
</td>
</tr>
</table>
</div>
</asp:Panel>
<asp:Panel runat="server" ID="panel2" Width="98%" HorizontalAlign="center">
<div>
This is an example
</div>
</asp:Panel>
<ajaxToolkit:CollapsiblePanelExtender runat="server" ID="cpe" TargetControlID="panel2" CollapseControlID="panel1" ExpandControlID="panel1" Collapsed="true" CollapsedSize="0" ExpandedSize="120" ExpandedText="(Collapse...)" CollapsedText="(Expand...)" TextLabelID="textLabel"
ImageControlID="Image1" ExpandedImage="collapse.png" CollapsedImage="expand.jpg">
</ajaxToolkit:CollapsiblePanelExtender>
</div>
</form>
</body>
</html>