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

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