Answered by:
whole panel is not shut back with the content when click ?

Question
-
User-1026236167 posted
hello sir in my code when i click on panel 3 whole panel is not shut with the content where the content of the panel 4 is not shut to the panel 3
means not close
please execute them
here is my code
aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm88.aspx.cs" Inherits="WebApplication14.WebForm88" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css" />
<script src="https://kit.fontawesome.com/a7aa8e95dc.js" data-crossorigin="anonymous"></script><%-- <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet" />--%>
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" /><script src='https://kit.fontawesome.com/a076d05399.js'></script>
<link rel="stylesheet" type="text/css" href="fontawesome-free-5.14.0-web/css/all.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /><style>
.main {
text-align:center;
font-family:"Times New Roman";
}
.marq {
padding-top:30px;
padding-bottom:30px;
}
.geek1 {
font-size:36px;
font-weight:bold;
color:white;
text-align:center;
}
.geek2 {
text-align:center;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div style="width: 270px; background: white; border:1px solid; border-color:grey;">
<asp:Panel runat="server" ID="panel3">
<div style="font-weight: bold; background-color: white; border:1px solid; border-color:grey">
<table data-width="100%">
<tr>
<td style="margin-left:40px">
<h1 style="font-size:10px;"> QUICK ACTIONS</h1>
<asp:Label runat="server" ID="Label1" />
</td>
<td data-align="right" data-width="10px">
<asp:Image ID="Image2" runat="server" />
</td>
</tr>
</table>
</div>
</asp:Panel>
<marquee behavior="scroll" direction="up">
<div style="width:255px; margin-left:7px">
Please visit the site regularly for
latest news of Admission and
Counselling Schedule.</div>
<hr />
<div style="width:255px; margin-left:7px; background-color:deeppink; color:white">
Online registration and filling of
admission forms for all new and
ongoing classes (except Sem-I of
Post Graduate classes) is going<br />
on.</div>
<asp:Panel runat="server" ID="panel4" Width="98%" HorizontalAlign="center">
</asp:Panel>
</marquee>
<ajaxToolkit:CollapsiblePanelExtender runat="server" ID="CollapsiblePanelExtender1" TargetControlID="panel4"
CollapseControlID="panel3" ExpandControlID="panel3" Collapsed="false" CollapsedSize="0"
ExpandedSize="50" ExpandedText="" CollapsedText="" TextLabelID="label1"
ImageControlID="Image1" ExpandedImage="img/collapse.jpg" CollapsedImage="img/expand.jpg" >
</ajaxToolkit:CollapsiblePanelExtender>
</div>
</div>
</form>
</body>
</html>Friday, July 31, 2020 6:21 AM
Answers
-
User1535942433 posted
Hi prabhjot1313,
Accroding to your description and codes,as far as I think,you need to put the content into panel4.The CollapsiblePanelExtender's targetcontrol is panel4,however,your panel4 have no content.
More details,you could refer to below codes:
<div> <div style="width: 270px; background: white; border: 1px solid; border-color: grey;"> <asp:Panel runat="server" ID="panel3"> <div style="font-weight: bold; background-color: white; border: 1px solid; border-color: grey"> <table data-width="100%"> <tr> <td style="margin-left: 40px"> <h1 style="font-size: 10px;"> QUICK ACTIONS</h1> <asp:Label runat="server" ID="Label1" /> </td> <td data-align="right" data-width="10px"> <asp:Image ID="Image2" runat="server" /> </td> </tr> </table> </div> </asp:Panel> <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> <marquee behavior="scroll" direction="up"> <asp:Panel runat="server" ID="panel4" Width="98%" HorizontalAlign="center"> <div style="width:255px; margin-left:7px"> Please visit the site regularly for latest news of Admission and Counselling Schedule.</div> <hr /> <div style="width:255px; margin-left:7px; background-color:deeppink; color:white"> Online registration and filling of admission forms for all new and ongoing classes (except Sem-I of Post Graduate classes) is going<br /> on.</div> </asp:Panel> </marquee> <ajaxToolkit:CollapsiblePanelExtender runat="server" ID="CollapsiblePanelExtender1" TargetControlID="panel4" CollapseControlID="panel3" ExpandControlID="panel3" Collapsed="false" CollapsedSize="0" ExpandedSize="200" ExpandedText="" CollapsedText="" TextLabelID="label1" ImageControlID="Image1" ExpandedImage="img/collapse.jpg" CollapsedImage="img/expand.jpg"> </ajaxToolkit:CollapsiblePanelExtender> </div> </div>
Result:
Best regards,
Yijing Sun
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Monday, August 3, 2020 2:18 AM