Remove From My Forums

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

Question
0

Sign in to vote

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;">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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

Answered by:

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

Question

Answers