How to block the panel 2 and display the panel1

Question

0.00/5 (No votes)

See more:

Hi,

I am using two panels and two modal popup extender in my Project. In panel 1 I am pressing the add document button It displays the panel two with file upload and a upload button. During that time I am blocking the panel1 and displaying the panel 2. When I uploading the file it goes to the main window. Here I want to display the panel. And When I press the reset button in panel 2 it want to clear the fields in panel2 and the panel 2 to be displayed but here it goes to the main window. Can any one help me to solve this problem. Here is the code:

XML

<%@ Page Language="C#" AutoEventWireup="true" EnableEventValidation="true" CodeFile="FileUpload.aspx.cs" Inherits="FileUpload" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style type="text/css">
   .modalBackground {
z-index:10;
display:block;
background-color: Gray;
filter: alpha(opacity=70);
opacity: 0.7;
margin: 0px 0px 0px 0px;
}
    </style>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <script language="javascript" type="text/javascript" >
        function confirm_delete()
        {
            if (confirm("Are you sure you want to remove selected file?") == true)
                return true;
            else
                return false;
        }
        function hideModal() {
            document.getElementById('Panel1').style.display = 'none';
        }
        function hidepanel2() {
            document.getElementById('Panel2').style.display = 'none';
            document.getElementById('Panel1').style.display = 'block';
        }
            </script>
</head>
<body style="height: 906px; width: 1058px;">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<asp:ImageButton id="AttachDoc" runat="server" ImageUrl="~/images/scholar.gif"></asp:ImageButton>
<asp:LinkButton id="AttachDocument" runat="server" Font-Bold="False">Attach Document</asp:LinkButton>
</div>
<asp:Panel ID="Panel1" runat="server" BackColor="White">
<table id="tblDetail1" runat="server" border="1" cellspacing="0" visible="true">
            <tr>
                <td align="center" colspan="2" bgcolor="#009933">
                    <asp:Label ID="Label8" runat="server" Text="Attach Document" ForeColor="Black"
                        style="font-weight: 700"></asp:Label></td>
            </tr>
            <tr>
                <td align="left">
                    <asp:Label ID="Label9" runat="server" Font-Bold="True" Font-Names="Verdana" Font-Size="X-Small"
                        Text="Key Data: " Width="100px"></asp:Label>
                    <asp:Label ID="lblKey" runat="server" Font-Names="Verdana" Font-Size="X-Small" ForeColor="Blue"
                        Style="text-align: left"></asp:Label></td>
                <td align="left" colspan="1">
                    <asp:Label ID="Label11" runat="server" Font-Bold="True" Font-Names="Verdana" Font-Size="X-Small"
                        Text="Description: " Width="100px"></asp:Label>
                    <asp:Label ID="lblDesc" runat="server" Font-Names="Verdana" Font-Size="X-Small" ForeColor="Blue"
                        Style="text-align: left"></asp:Label></td>
            </tr>
            <tr>
                <td align="left" colspan="2">
                    <asp:Label ID="lblmsg" runat="server" Font-Bold="True"
                        ForeColor="Red" TabIndex="-1"></asp:Label></td>
            </tr>
            <tr>
                <td align="center" colspan="2">
                    <asp:GridView ID="GridView1" runat="server" AllowPaging="True"
                        AutoGenerateColumns="False" align="center" EmptyDataText="No Documents Added" GridLines="Vertical"
                        Width="988px" style="margin-bottom: 0px">
                        <PagerSettings FirstPageText="First" LastPageText="Last" Mode="NextPreviousFirstLast"
                            NextPageText="Next" PreviousPageText="Previous" />
                        <EmptyDataRowStyle/>
                        <Columns>
                            <asp:TemplateField HeaderText="Sl No">
                                <ItemTemplate>
                                    &nbsp;<asp:Label ID="lblCol0" runat="server" Font-Names="Verdana" Font-Size="XX-Small"><%# DataBinder.Eval(Container.DataItem, "slNo1") %></asp:Label>
                                </ItemTemplate>
                                <HeaderStyle HorizontalAlign="Right" Width="60px" />
                                <ItemStyle HorizontalAlign="Right" />
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Document Type">
                                <ItemTemplate>
                                    <asp:Label ID="lblDocType" runat="server" Font-Names="Verdana" Font-Size="XX-Small"><%#DataBinder.Eval(Container.DataItem, "document_type")%></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="File Name">
                                <ItemTemplate>
                                    <asp:Label ID="lnkFileName" runat="server" Font-Names="Verdana" Font-Size="XX-Small"
                                        Width="50px" Text='<%# DataBinder.Eval(Container.DataItem, "fileName") %>' ></asp:Label>
                                </ItemTemplate>
                                <HeaderStyle Width="300px" />
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Description">
                                <ItemTemplate>
                                    <asp:Label ID="lblCol2" runat="server" Font-Names="Verdana" Font-Size="XX-Small"><%# DataBinder.Eval(Container.DataItem, "desc") %></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Keyword">
                                <ItemTemplate>
                                    <asp:Label ID="lblKeyword" runat="server" Font-Names="Verdana" Font-Size="XX-Small"><%# DataBinder.Eval(Container.DataItem, "Keyword") %></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Uploaded Date">
                                <ItemTemplate>
                                    <asp:Label ID="lblCol22" runat="server" Font-Names="Verdana" Font-Size="XX-Small"><%# DataBinder.Eval(Container.DataItem, "date") %></asp:Label>
                                </ItemTemplate>
                                <HeaderStyle HorizontalAlign="Right" />
                                <ItemStyle HorizontalAlign="Right" />
                            </asp:TemplateField>
                            <asp:CommandField SelectText="View Document" ShowSelectButton="True" HeaderText="View">
                                <ItemStyle HorizontalAlign="Center" />
                            </asp:CommandField>
                            <asp:TemplateField HeaderText="code" Visible="False">
                                <ItemTemplate>
                                    <asp:TextBox ID="TextBox1" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "slNo")%>'
                                        Visible="False" Width="88px"></asp:TextBox>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="file" Visible="False">
                                <ItemTemplate>
                                    <asp:TextBox ID="TextBox2" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "fileName")%>'
                                        Visible="False"></asp:TextBox>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="view" Visible="False"></asp:TemplateField>
                            <asp:TemplateField HeaderText="Remove">
                                <ItemTemplate>
                                    <asp:LinkButton ID="lnkRemove" runat="server" CommandArgument='<%#DataBinder.Eval(Container.DataItem, "keydata_slno")%>' CommandName="Remove">Remove Document</asp:LinkButton>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                        <PagerStyle HorizontalAlign="Left" Wrap="False" />
                        <SelectedRowStyle />
                        <HeaderStyle BackColor="#009933" />
                        <AlternatingRowStyle />
                    </asp:GridView>
                    <asp:Button ID="AddDocument" runat="server" OnClientClick="hideModal()"
                        Text="Add Document" onclick="AddDocument_Click" BackColor="#009933"/>
                    &nbsp;
                   <asp:Button ID="Panel1Close" runat="server" Text="Close" BackColor="#009933" />

                    <asp:ModalPopupExtender ID="Linkbutton_ModalPopupExtender" runat="server"
                        TargetControlID="AttachDocument" PopupControlID="Panel1"
                        BackgroundCssClass="modalBackground">
                    </asp:ModalPopupExtender>
                </td>
            </tr>
        </table>
</asp:Panel>
<asp:Panel ID="panel2" runat="server" style="margin-right: 494px"
    BackColor="White">
<table id="Table4" runat="server" border="1" cellspacing="0" visible="true">
            <tr>
                <td align="center" bgcolor="#009933">
                    <asp:Label ID="Label1" runat="server" Text="Add File" ForeColor="Black"
                        style="font-weight: 700"></asp:Label></td>
            </tr>
            <tr>
                <td>
                    <table cellspacing="0" id="TABLE5" runat="server">
                        <tr>
                            <td align="right">
                                <asp:Label ID="Label2" runat="server" Font-Bold="True" Font-Names="Verdana" Font-Size="X-Small"
                                    Text="*Document Type:"></asp:Label></td>
                            <td align="left">
                                                            <asp:DropDownList ID="DocType" runat="server" Height="16px" Width="102px">
                                                                <asp:ListItem Value="G">General</asp:ListItem>
                                                                <asp:ListItem Value="B">Bid</asp:ListItem>
                                                            </asp:DropDownList>

                                                            </td>
                        </tr>
                                                <tr>
                            <td align="right">
                                <asp:Label ID="Label3" runat="server" Font-Names="Verdana" Font-Size="X-Small" Text="*Description:" Font-Bold="True"></asp:Label></td>
                            <td class="style3">
                                <input id="Description" type="text" style="font-size: x-small; width: 450px; font-family: Verdana" runat="server" maxlength="100" /></td>
                        </tr>
                        <tr>
                            <td align="right">
                                <asp:Label ID="Label4" runat="server" Font-Bold="True" Font-Names="Verdana" Font-Size="X-Small"
                                    Text="Keywords"></asp:Label></td>
                            <td align="left" class="style3">
                                <input id="Keywords" type="text" style="font-size: x-small; width: 450px; font-family: Verdana" runat="server" maxlength="100" /></td>
                        </tr>
                        <tr>
                            <td align="right">
                                <asp:Label ID="Label5" runat="server" Font-Names="Verdana" Font-Size="X-Small" Text="File Name*:" Font-Bold="True"></asp:Label></td>
                            <td class="style3">
                                <asp:FileUpload ID="FileUpload4" runat="server" />
                            </td>
                        </tr>
                    </table>
                    <asp:Label ID="Label15" runat="server" Font-Names="Verdana" Font-Size="X-Small" ForeColor="Black"
                        Width="546px"></asp:Label></td>
            </tr>
            <tr>
                <td align="center">
                    &nbsp; &nbsp;&nbsp;
                    <asp:Button ID="UploadButton" runat="server" Text="Upload"
                        onclick="UploadButton_Click" BackColor="#009933"
                        />
                    <input type='button' id="BackButton" onclick='hidepanel2()' value="Back" style="background-color: #009933"/>
                    <asp:Button ID="ResetButton" runat="server" Text="Reset"
                        onclick="ResetButton_Click" BackColor="#009933" />
                    </td>
            </tr>
            <tr>
                <td align="left" >
        <asp:Label ID="lblMsg1" runat="server" Font-Names="Verdana" Font-Size="Small" ForeColor="Red"
            Style="left: 191px; position: static; top: 219px" Visible="False" Width="546px"></asp:Label></td>
            </tr>
        </table>
                <asp:ModalPopupExtender ID="AddDocument_ModalPopupExtender" runat="server"
                        TargetControlID="AddDocument" PopupControlID="Panel2"
        BackgroundCssClass="modalBackground">
                    </asp:ModalPopupExtender>
</asp:Panel>

</form>
</body>
</html>

Thanks in advance

Posted 11-Jul-11 19:18pm

Member 7946563

Add a Solution

Comments

Sergey Alexandrovich Kryukov 12-Jul-11 1:42am

So, what's the problem?
--SA

[no name] 12-Jul-11 1:43am

What is your Problem?

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Christian Graus · Answer 1 · 2011-07-11T19:31:00

Solution 1

Why not tag your question so it is what you claimed it to be ?

You set the visibility of your panels to show or hide them. You posted a description of a basic task, and a ton of code. What exactly is the problem ?

Posted 11-Jul-11 19:31pm

Christian Graus

nit_singh · Answer 2 · 2011-07-11T20:44:00

Change these two function slightly because the IDs of the controls are changes afetr rendering

C#

function hideModal() {
            document.getElementById('<%= Panel1.ClientID %>').style.display = 'none';
        }
        function hidepanel2() {
            document.getElementById('<%= Panel2.ClientID %>').style.display = 'none';
            document.getElementById('<%= Panel1.ClientID %>').style.display = 'block';
        }