Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

CollapsiblePanelExtender height

$
0
0

Hello,

I have the following CollapsiblePanelExtender on my web form. Is it possible to extend the height of the CollapsiblePanelExtender all the way to the bottom of the page. below is my code:

<title></title><style type="text/css">
        .cpHeader
        {
            color: white;
            background-color: #719DDB;
            font: bold 11px auto "Trebuchet MS", Verdana;
            font-size: 12px;
            cursor: pointer;
            width:450px;
            height:18px;
            padding: 4px;           
        }
        .cpBody
        {
            background-color: #DCE4F9;
            font: normal 11px auto Verdana, Arial;
            border: 1px gray;               
            width:450px;
            padding: 4px;
            padding-top: 7px;
             height: 0;
            overflow: hidden;
            margin-bottom:300px;
        }    
        .collapsiblePanelContainer {
                    height: 0;
                    overflow: hidden;
}</style></head><body><form id="form1" runat="server"><div><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate><asp:Panel ID="pHeader" runat="server" CssClass="cpHeader"><asp:Label ID="lblText" runat="server" /></asp:Panel><asp:Panel ID="pBody" runat="server" CssClass="cpBody">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit,
            sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</asp:Panel><cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" TargetControlID="pBody" CollapseControlID="pHeader" ExpandControlID="pHeader"
Collapsed="true" TextLabelID="lblText" CollapsedText="Click to Show Content.."  ExpandedText="Click to Hide Content.."
CollapsedSize="0" ExpandDirection="vertical" ExpandedSize="5000"  ></cc1:CollapsiblePanelExtender></ContentTemplate></asp:UpdatePanel></div></form></body></html>

any help will be highly apprecaited


Viewing all articles
Browse latest Browse all 5678

Trending Articles