Ajax CollapsiblePanelExtender - How to set change ExpandedSize programmatically in CollapsiblePanelExtender
CollapsiblePanelExtenderExpandedSize.aspx
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
CollapsiblePanelExtender1.ExpandedSize = 200;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Ajax CollapsiblePanelExtender - How to set change ExpandedSize programmatically in CollapsiblePanelExtender</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2 style="color:MidnightBlue; font-style:italic;">
Ajax CollapsiblePanelExtender - How to set change
<br /> ExpandedSize programmatically in
<br /> CollapsiblePanelExtender in asp.net
</h2>
<hr width="500" align="left" color="DodgerBlue" />
<asp:ScriptManager
ID="ScriptManager1"
runat="server"
>
</asp:ScriptManager>
<cc1:CollapsiblePanelExtender
ID="CollapsiblePanelExtender1"
runat="server"
TargetControlID="Panel2"
ExpandControlID="Panel1"
CollapseControlID="Panel1"
TextLabelID="Label1"
ExpandedText="-"
CollapsedText="+"
Collapsed="true"
ScrollContents="true"
>
</cc1:CollapsiblePanelExtender>
<asp:Label
ID="Label1"
runat="server"
ForeColor="MediumVioletRed"
Font-Italic="false"
Font-Names="Comic Sans MS"
Font-Size="XX-Large"
>
</asp:Label>
<asp:Panel
ID="Panel1"
runat="server"
Width="100"
BackColor="Silver"
BorderColor="DimGray"
BorderWidth="2"
HorizontalAlign="Center"
BorderStyle="Solid"
>
<asp:Image
ID="Image1"
runat="server"
ImageUrl="~/Image/Hare.jpg"
Height="75"
/>
</asp:Panel>
<asp:Panel
ID="Panel2"
runat="server"
Width="450"
BorderColor="MediumSeaGreen"
BorderWidth="2"
BackColor="ForestGreen"
HorizontalAlign="Center"
>
<asp:Image
ID="Image2"
runat="server"
ImageUrl="~/Image/Hare.jpg"
Height="325"
/>
</asp:Panel>
</div>
</form>
</body>
</html>
No comments:
Post a Comment