DotNet Interview Questions: October 2010

Sunday, 31 October 2010

Ajax CollapsiblePanelExtender - How to set change ScrollContents property programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderScrollContents.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.ScrollContents = true;
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change ScrollContents property programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DodgerBlue; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> ScrollContents property programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="500" align="left" color="SkyBlue" />
        <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"
            ExpandedSize="250"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="DodgerBlue"
            Font-Italic="false"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="100"
            BackColor="Salmon"
            BorderColor="DarkRed"
            BorderWidth="2"
            HorizontalAlign="Center"
            BorderStyle="Solid"
            >
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Image/Hamster.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            Width="350"
            BorderColor="Purple"
            BorderWidth="2"
            BackColor="RosyBrown"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Hamster.jpg"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to use SuppressPostBack

CollapsiblePanelExtenderSuppressPostBack.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)
    {
        //just on off this line for see different result
        CollapsiblePanelExtender1.SuppressPostBack = true;
        
        if(Page.IsPostBack)
        {
            Button1.ForeColor = System.Drawing.Color.Crimson;
        }
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to use SuppressPostBack</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:MidnightBlue; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to use
            <br /> SuppressPostBack in asp.net CollapsiblePanelExtender
        </h2>
        <hr width="500" align="left" color="DodgerBlue" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            TargetControlID="Panel1"
            ExpandControlID="Button1"
            CollapseControlID="Button2"
            TextLabelID="Label1"
            ExpandedText="-"
            CollapsedText="+"
            Collapsed="true"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="HotPink"
            Font-Italic="false"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Button 
            ID="Button1"
            runat="server"
            ForeColor="DarkGreen"
            Font-Bold="true"
            Height="45"
            Text="Expand"
            />
        <asp:Button 
            ID="Button2"
            runat="server"
            ForeColor="DarkGreen"
            Font-Bold="true"
            Height="45"
            Text="Collapse"
            />
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="450"
            BorderColor="SandyBrown"
            BorderWidth="2"
            BackColor="RosyBrown"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Hyena.jpg"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to set change ImageControlID programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderImageControlID.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.ImageControlID = "Image1";
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change ImageControlID programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:SteelBlue; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> ImageControlID programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="500" align="left" color="DarkTurquoise" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            TargetControlID="Panel2"
            ExpandControlID="Panel1"
            CollapseControlID="Panel1"
            Collapsed="true"
            ExpandedImage="~/Image/Expand.gif"
            CollapsedImage="~/Image/Collapse.gif"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Image ID="Image1" runat="server" />
        <br />
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="125"
            BackColor="Orchid"
            BorderColor="MediumOrchid"
            BorderWidth="2"
            HorizontalAlign="Center"
            BorderStyle="Solid"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Hippopotamus.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            Width="550"
            BorderColor="Purple"
            BorderWidth="2"
            BackColor="MediumPurple"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image3" 
                runat="server" 
                ImageUrl="~/Image/Hippopotamus.jpg"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

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>

Ajax CollapsiblePanelExtender - How to set change ExpandedImage programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderExpandedImage.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.ExpandedImage = "~/Image/Expand.gif";
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change ExpandedImage programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Crimson; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> ExpandedImage programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="500" align="left" color="Salmon" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            TargetControlID="Panel2"
            ExpandControlID="Panel1"
            CollapseControlID="Panel1"
            Collapsed="true"
            ImageControlID="Image1"
            CollapsedImage="~/Image/Collapse.gif"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Image ID="Image1" runat="server" />
        <br />
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="125"
            BackColor="SeaGreen"
            BorderColor="LawnGreen"
            BorderWidth="2"
            HorizontalAlign="Center"
            BorderStyle="Solid"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Hedgehog.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            Width="500"
            BorderColor="DarkGreen"
            BorderWidth="2"
            BackColor="DarkOliveGreen"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image3" 
                runat="server" 
                ImageUrl="~/Image/Hedgehog.jpg"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to set change ExpandDirection programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderExpandDirection.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.ExpandDirection = CollapsiblePanelExpandDirection.Horizontal;
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change ExpandDirection programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DarkOliveGreen; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> ExpandDirection programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="500" align="left" color="OliveDrab" />
        <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"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="Green"
            Font-Italic="false"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="100"
            BackColor="BlueViolet"
            BorderColor="Violet"
            BorderWidth="2"
            HorizontalAlign="Center"
            BorderStyle="Solid"
            >
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Image/Hawk.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            Width="450"
            BorderColor="DarkMagenta"
            BorderWidth="2"
            BackColor="DarkOrchid"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Hawk.jpg"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to use different control for expand and collapse

CollapsiblePanelExtenderExpandCollapse.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">
    
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to use different control for expand and collapse</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:MidnightBlue; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to use
            <br /> different control for expand and collapse
        </h2>
        <hr width="500" align="left" color="DodgerBlue" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            TargetControlID="Panel1"
            ExpandControlID="Button1"
            CollapseControlID="Button2"
            TextLabelID="Label1"
            ExpandedText="-"
            CollapsedText="+"
            Collapsed="true"
            SuppressPostBack="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:Button 
            ID="Button1"
            runat="server"
            ForeColor="DodgerBlue"
            Font-Bold="true"
            Height="45"
            Text="Expand"
            />
        <asp:Button 
            ID="Button2"
            runat="server"
            ForeColor="DodgerBlue"
            Font-Bold="true"
            Height="45"
            Text="Collapse"
            />
        <br /><br />
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="450"
            BorderColor="DarkBlue"
            BorderWidth="2"
            BackColor="Navy"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Hornet.jpg"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to set change CollapsedImage programmatically in CollapsiblePanelExtender

Ajax CollapsiblePanelExtender - How to set change CollapsedImage programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderCollapsedImage.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.CollapsedImage = "~/Image/Collapse.gif";
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change CollapsedImage programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Crimson; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> CollapsedImage programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="500" align="left" color="Salmon" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            TargetControlID="Panel2"
            ExpandControlID="Panel1"
            CollapseControlID="Panel1"
            Collapsed="true"
            ImageControlID="Image1"
            ExpandedImage="~/Image/Expand.gif"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Image ID="Image1" runat="server" />
        <br />
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="125"
            BackColor="DodgerBlue"
            BorderColor="Navy"
            BorderWidth="2"
            HorizontalAlign="Center"
            BorderStyle="Solid"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Heron.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            Width="500"
            BorderColor="SkyBlue"
            BorderWidth="2"
            BackColor="SlateBlue"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image3" 
                runat="server" 
                ImageUrl="~/Image/Heron.jpg"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Saturday, 30 October 2010

Ajax CollapsiblePanelExtender - How to set change TextLabelID programmatically in CollapsiblePanelExtender

Ajax CollapsiblePanelExtender - How to set change TextLabelID programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderTextLabelID.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.TextLabelID = "Label1";
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change TextLabelID programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Navy; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> TextLabelID programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="500" align="left" color="LightPink" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            TargetControlID="Panel2"
            ExpandControlID="Panel1"
            CollapseControlID="Panel1"
            ExpandedText="-"
            CollapsedText="+"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="DeepPink"
            Font-Italic="false"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="120"
            BackColor="DeepPink"
            BorderColor="Crimson"
            BorderWidth="2"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Image/Ferret.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Ferret.jpg"
                BorderColor="HotPink"
                BorderWidth="2"
                BorderStyle="Outset"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to set change TargetControlID programmatically in CollapsiblePanelExtender

Ajax CollapsiblePanelExtender - How to set change TargetControlID programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderTargetControlID.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.TargetControlID = "Panel2";
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change TargetControlID programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DeepPink; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> TargetControlID programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="550" align="left" color="Pink" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            ExpandControlID="Panel1"
            CollapseControlID="Panel1"
            TextLabelID="Label1"
            ExpandedText="-"
            CollapsedText="+"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="Crimson"
            Font-Italic="true"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="120"
            BackColor="DarkRed"
            BorderColor="Crimson"
            BorderWidth="2"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Image/Goat.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Goat.jpg"
                BorderColor="DarkBlue"
                BorderWidth="2"
                Height="300"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to set change ExpandedText programmatically in CollapsiblePanelExtender

Ajax CollapsiblePanelExtender - How to set change ExpandedText programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderExpandText.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.ExpandedText = "-";
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change ExpandedText programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DarkBlue; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> ExpandedText programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="525" align="left" color="LightBlue" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            TargetControlID="Panel2"
            ExpandControlID="Panel1"
            CollapseControlID="Panel1"
            TextLabelID="Label1"
            CollapsedText="+"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="HotPink"
            Font-Italic="true"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="120"
            BackColor="SaddleBrown"
            BorderColor="DarkRed"
            BorderWidth="2"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Image/Echidna.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Echidna.jpg"
                BorderColor="MediumSeaGreen"
                BorderWidth="2"
                BorderStyle="Inset"
                Height="300"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to set change ExpandControlID programmatically in CollapsiblePanelExtender

Ajax CollapsiblePanelExtender - How to set change ExpandControlID programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderExpandControlID.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.ExpandControlID = "Panel1";
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change ExpandControlID programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DeepPink; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> ExpandControlID programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="525" align="left" color="Pink" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            TargetControlID="Panel2"
            CollapseControlID="Panel1"
            TextLabelID="Label1"
            ExpandedText="-"
            CollapsedText="+"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="SeaGreen"
            Font-Italic="true"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="120"
            BackColor="SeaGreen"
            BorderColor="DarkGreen"
            BorderWidth="2"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Image/Donkey.png"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Donkey.png"
                BorderColor="LawnGreen"
                BorderWidth="2"
                Height="300"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to set change CollapsedText programmatically in CollapsiblePanelExtender

Ajax CollapsiblePanelExtender - How to set change CollapsedText programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderCollapsedText.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.CollapsedText = "+";
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change CollapsedText programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:BlueViolet; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> CollapsedText programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="500" align="left" color="LightPink" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            TargetControlID="Panel2"
            ExpandControlID="Panel1"
            CollapseControlID="Panel1"
            TextLabelID="Label1"
            ExpandedText="-"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="Purple"
            Font-Italic="false"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="120"
            BackColor="Purple"
            BorderColor="Maroon"
            BorderWidth="2"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Image/Eel.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Eel.jpg"
                BorderColor="Orchid"
                BorderWidth="2"
                BorderStyle="Inset"
                Height="300"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to set change CollapsedSize programmatically in CollapsiblePanelExtender

Ajax CollapsiblePanelExtender - How to set change CollapsedSize programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderCollapsedSize.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.CollapsedSize = 25;
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change CollapsedSize programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:MediumVioletRed; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> CollapsedSize programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="500" align="left" color="Violet" />
        <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"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="Tomato"
            Font-Italic="false"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="130"
            BackColor="Teal"
            BorderColor="SteelBlue"
            BorderWidth="2"
            HorizontalAlign="Center"
            BorderStyle="Solid"
            >
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Image/GiantPanda.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            Width="550"
            BorderColor="Purple"
            BorderWidth="2"
            BackColor="MediumSeaGreen"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/GiantPanda.jpg"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to set change Collapsed property programmatically in CollapsiblePanelExtender

Ajax CollapsiblePanelExtender - How to set change Collapsed property programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderCollapsed.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.Collapsed = true;
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change Collapsed property programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:RoyalBlue; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> Collapsed property programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="500" align="left" color="SkyBlue" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            TargetControlID="Panel2"
            ExpandControlID="Panel1"
            CollapseControlID="Panel1"
            TextLabelID="Label1"
            ExpandedText="-"
            CollapsedText="+"
            CollapsedSize="20"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="OliveDrab"
            Font-Italic="false"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="75"
            BackColor="SaddleBrown"
            BorderColor="SandyBrown"
            BorderWidth="2"
            HorizontalAlign="Center"
            BorderStyle="Solid"
            >
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Image/Gerbil.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            Width="350"
            BorderColor="Tomato"
            BorderWidth="2"
            BackColor="RosyBrown"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Gerbil.jpg"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to set change CollapseControlID programmatically in CollapsiblePanelExtender

Ajax CollapsiblePanelExtender - How to set change CollapseControlID programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderCollapseControlID.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.CollapseControlID = "Panel1";
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change CollapseControlID programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Purple; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> CollapseControlID programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="500" align="left" color="Orchid" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            TargetControlID="Panel2"
            ExpandControlID="Panel1"
            TextLabelID="Label1"
            ExpandedText="-"
            CollapsedText="+"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="SlateBlue"
            Font-Italic="false"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="120"
            BackColor="Gray"
            BorderColor="DimGray"
            BorderWidth="3"
            HorizontalAlign="Center"
            BorderStyle="Dotted"
            >
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Image/Finch.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Finch.jpg"
                BorderColor="OrangeRed"
                BorderWidth="2"
                BorderStyle="Solid"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to set change AutoExpand programmatically in CollapsiblePanelExtender

Ajax CollapsiblePanelExtender - How to set change AutoExpand programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderAutoExpand.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.AutoExpand = true;
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change AutoExpand programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DarkSlateGray; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> AutoExpand programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="500" align="left" color="SlateBlue" />
        <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"
            CollapsedSize="25"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="Magenta"
            Font-Italic="false"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="120"
            BackColor="DarkOrchid"
            BorderColor="DarkMagenta"
            BorderWidth="3"
            HorizontalAlign="Center"
            BorderStyle="Dashed"
            >
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Image/Gaur.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            Width="500"
            BorderColor="Tomato"
            BorderWidth="2"
            BackColor="ForestGreen"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Gaur.jpg"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax CollapsiblePanelExtender - How to set change AutoCollapse programmatically in CollapsiblePanelExtender

Ajax CollapsiblePanelExtender - How to set change AutoCollapse programmatically in CollapsiblePanelExtender

CollapsiblePanelExtenderAutoCollapse.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.AutoCollapse = true;
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax CollapsiblePanelExtender - How to set change AutoCollapse programmatically in CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DarkCyan; font-style:italic;">
            Ajax CollapsiblePanelExtender - How to set change
            <br /> AutoCollapse programmatically in
            <br /> CollapsiblePanelExtender in asp.net
        </h2>
        <hr width="500" align="left" color="Orange" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender 
            ID="CollapsiblePanelExtender1"
            runat="server"
            TargetControlID="Panel2"
            ExpandControlID="Panel1"
            CollapseControlID="Panel1"
            TextLabelID="Label1"
            ExpandedText="-"
            CollapsedText="+"
            >
        </cc1:CollapsiblePanelExtender>
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="Magenta"
            Font-Italic="false"
            Font-Names="Comic Sans MS"
            Font-Size="XX-Large"
            >
        </asp:Label>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="120"
            BackColor="Olive"
            BorderColor="OliveDrab"
            BorderWidth="3"
            HorizontalAlign="Center"
            BorderStyle="Dashed"
            >
            <asp:Image 
                ID="Image1" 
                runat="server" 
                ImageUrl="~/Image/Frog.jpg"
                Height="75"
                />
        </asp:Panel>
        <asp:Panel 
            ID="Panel2" 
            runat="server"
            Width="450"
            BorderColor="DarkGreen"
            BorderWidth="2"
            BackColor="Green"
            HorizontalAlign="Center"
            >
            <asp:Image 
                ID="Image2" 
                runat="server" 
                ImageUrl="~/Image/Frog.jpg"
                Height="325"
                />
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Friday, 29 October 2010

Ajax AlwaysVisibleControlExtender - How to set change VerticalSide programmatically in AlwaysVisibleControlExtender

Ajax AlwaysVisibleControlExtender - How to set change VerticalSide programmatically in AlwaysVisibleControlExtender

AlwaysVisibleControlExtenderVerticalSide.aspx


<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Import Namespace="System.Drawing" %>

<%@ 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)
    {
        Label2.Text = DateTime.Now.ToShortTimeString();
        AlwaysVisibleControlExtender1.VerticalSide = VerticalSide.Bottom;
        
        if (!Page.IsPostBack)
        {
            string[] colorList = Enum.GetNames(typeof(KnownColor));
            foreach (string color in colorList)
            {
                Label1.Text += color + "<br />";
            }
        }
    }    
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax AlwaysVisibleControlExtender - How to set change VerticalSide programmatically in AlwaysVisibleControlExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DarkBlue; font-style:italic;">
            ASP.NET Ajax AlwaysVisibleControlExtender - How to set change
            <br /> VerticalSide programmatically in AlwaysVisibleControlExtender
        </h2>
        <hr width="600" align="left" color="CornFlowerBlue" />
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="DodgerBlue"
            Font-Italic="true"
            Font-Names="Comic Sans MS"
            Font-Size="Large"
            >
        </asp:Label>
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:AlwaysVisibleControlExtender 
            ID="AlwaysVisibleControlExtender1"
            runat="server"
            TargetControlID="Panel1"
            HorizontalSide="Center"
            VerticalOffset="25"
            >
        </cc1:AlwaysVisibleControlExtender>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="250"
            Height="75"
            BorderWidth="2"
            BorderColor="DarkOrange"
            BackColor="Orange"
            HorizontalAlign="Center"
            >
            <br />
            <asp:Label 
                ID="Label2" 
                runat="server"
                ForeColor="Crimson"
                Font-Size="Large"
                >
            </asp:Label>
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Ajax AlwaysVisibleControlExtender - How to set change VerticalOffset programmatically in AlwaysVisibleControlExtender

Ajax AlwaysVisibleControlExtender - How to set change VerticalOffset programmatically in AlwaysVisibleControlExtender

AlwaysVisibleControlExtenderVerticalOffset.aspx


<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Import Namespace="System.Drawing" %>

<%@ 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)
    {
        Label2.Text = DateTime.Now.ToShortTimeString();
        AlwaysVisibleControlExtender1.VerticalOffset = 15;
        
        if (!Page.IsPostBack)
        {
            string[] colorList = Enum.GetNames(typeof(KnownColor));
            foreach (string color in colorList)
            {
                Label1.Text += color + "<br />";
            }
        }
    }    
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax AlwaysVisibleControlExtender - How to set change VerticalOffset programmatically in AlwaysVisibleControlExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DarkBlue; font-style:italic;">
            ASP.NET Ajax AlwaysVisibleControlExtender - How to set change
            <br /> VerticalOffset programmatically in AlwaysVisibleControlExtender
        </h2>
        <hr width="625" align="left" color="LightBlue" />
        <asp:Label 
            ID="Label1" 
            runat="server"
            ForeColor="SaddleBrown"
            Font-Italic="false"
            Font-Names="Comic Sans MS"
            Font-Size="Large"
            Font-Underline="true"
            >
        </asp:Label>
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:AlwaysVisibleControlExtender 
            ID="AlwaysVisibleControlExtender1"
            runat="server"
            TargetControlID="Panel1"
            HorizontalSide="Right"
            VerticalSide="Top"
            >
        </cc1:AlwaysVisibleControlExtender>
        <asp:Panel 
            ID="Panel1" 
            runat="server"
            Width="250"
            Height="75"
            BorderWidth="2"
            BorderStyle="Dotted"
            BorderColor="DarkGreen"
            BackColor="SeaGreen"
            HorizontalAlign="Center"
            >
            <br />
            <asp:Label 
                ID="Label2" 
                runat="server"
                ForeColor="LawnGreen"
                Font-Size="X-Large"
                >
            </asp:Label>
        </asp:Panel>
    </div>
    </form>
</body>
</html>