Thursday, January 13, 2011

To set change ScrollContents property programmatically in CollapsiblePanelExtender

CollapsiblePanelExtender




<%@ Page Language="C#" AutoEventWireup="true" %>


<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>


<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>

No comments:

Post a Comment