ModalPopupExtender should display pdf file when you click on link

Question

4.00/5 (1 vote)

See more:

I am uploading pdf files to my asp.net project. I then display the uploaded files in a gridview and have options to download, delete and view the files. How do I make the modalpopupextender know the path of the uploaded file and display it? I want the modalpopup to display once I have clicked on the 'view' link button.

I am not using a SqlDataSource. Here's my code so far:

C#

protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                string[] filePaths = Directory.GetFiles(Server.MapPath("~/Uploads/"));
                List<ListItem> files = new List<ListItem>();
                foreach (string filePath in filePaths)
                {
                    files.Add(new ListItem(Path.GetFileName(filePath), filePath));
                }
                GridView1.DataSource = files;
                GridView1.DataBind();
            }
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            if (FileUpload1.HasFile)
                try
                {
                    string fileName = Path.GetFileName(FileUpload1.PostedFile.FileName);
                    FileUpload1.PostedFile.SaveAs(Server.MapPath("~/Uploads/") + fileName);
                    Response.Redirect(Request.Url.AbsoluteUri);
                }
                catch (Exception ex)
                {
                    Label1.Text = "ERROR: " + ex.Message.ToString();
                }
            else
            {
                Label1.Text = "You have not specified a file.";
            }
        }

        protected void DownloadFile(object sender, EventArgs e)
        {
            string filePath = (sender as LinkButton).CommandArgument;
            Response.ContentType = ContentType;
            Response.AppendHeader("Content-Disposition", "attachment; filename=" + Path.GetFileName(filePath));
            Response.WriteFile(filePath);
            Response.End();
        }

        protected void DeleteFile(object sender, EventArgs e)
        {
            string filePath = (sender as LinkButton).CommandArgument;
            File.Delete(filePath);
            Response.Redirect(Request.Url.AbsoluteUri);
        }

        protected void ViewFile(object sender, EventArgs e)
        {
            
        }

Here is my design page so far:

XML

<style type="text/css">


        .ModalPopupBG
        {
            background-color: #666699;
            filter: alpha(opacity=50);
            opacity: 0.7;
        }

        .popupControl
        {
            background-color:#AAD4FF;
            position:absolute;
            visibility:hidden;
            border-style:solid;
            border-color:Black;
            border-width: 2px;
        }
    </style>
</head>

<body>
    <form id="form1" runat="server">
    <div>

        <h2>

        <asp:Label ID="Label2" runat="server"
            style="font-size: larger; font-weight: 700" Text="Document Management System"></asp:Label>
        </h2>
        <br />
        <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Label ID="Label3" runat="server" style="font-weight: 700"
            Text="Uploading Files"></asp:Label>
        <br />
        <br />
        <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:FileUpload ID="FileUpload1" runat="server" />
       
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Upload" />
&nbsp;
        
        <asp:Label ID="Label4" runat="server"></asp:Label>
        
        <asp:Label ID="Label1" runat="server"></asp:Label>
        
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
            EmptyDataText = "No files uploaded" Height="183px"
            style="text-align: center; margin-left: 20px" Width="601px" >
        <Columns>
        <asp:BoundField DataField="Text" HeaderText="File Name" />
            <asp:TemplateField HeaderText="Reference No.">
                <EditItemTemplate>
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                </EditItemTemplate>
                <ItemTemplate>
                    <asp:TextBox ID="TextBox7" runat="server"></asp:TextBox>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Description">
                <EditItemTemplate>
                    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                </EditItemTemplate>
                <ItemTemplate>
                    <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Category">
                <EditItemTemplate>
                    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                </EditItemTemplate>
                <ItemTemplate>
                    <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
                </ItemTemplate>
            </asp:TemplateField>
        <asp:TemplateField>
            <ItemTemplate>

                <asp:LinkButton ID="lnkDownload" Text = "Download" CommandArgument = '<%# Eval("Value") %>' runat="server" OnClick = "DownloadFile"></asp:LinkButton>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:LinkButton ID = "lnkDelete" Text = "Delete" CommandArgument = '<%# Eval("Value") %>' runat = "server" OnClick = "DeleteFile" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:HyperLink ID="title" runat="server" NavigateUrl="~/red.htm">HyperLink</asp:HyperLink>
                <asp:LinkButton ID = "lnkView" Text = "View" CommandArgument = '<%# Eval("Value") %>' runat = "server" OnClick = "ViewFile"    />
                <asp:Panel ID="pnlUpload" runat="server" Height="406px" Width="782px">
            <asp:Button ID="closeBtn" runat="server" Text="Close" />
        </asp:Panel>
                <asp:ModalPopupExtender ID="lnkView_ModalPopupExtender" runat="server"
                    DynamicServicePath="" Enabled="True" TargetControlID="lnkView" PopupControlID="pnlUpload" BackgroundCssClass="ModalPopupBG" OkControlID="closeBtn">
                </asp:ModalPopupExtender>

            </ItemTemplate>
        </asp:TemplateField>
            <asp:TemplateField></asp:TemplateField>
    </Columns>
    </asp:GridView>
       
        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </asp:ToolkitScriptManager>

Please help. Thank you in advance

Posted 6-Jan-13 19:44pm

BreakingBad

Updated 6-Jan-13 23:20pm

v2

Add a Solution

1 solution

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)

BreakingBad · Answer 1 · 2013-01-07T00:29:00

I haven't been able to use the modalpopupextender and panel. I removed the controls from my design page. However, I added code to the ViewFile click event:

C#

protected void ViewFile(object sender, EventArgs e)
        {
            LinkButton lnk = (LinkButton)sender;
            if (lnk != null)
            {
                string filePath = (sender as LinkButton).CommandArgument;
                Response.AddHeader("content-disposition", "attachment; filename=" + Path.GetFileName(filePath) + ".pdf");
                Response.WriteFile(Server.MapPath("~/Uploads/" + Path.GetFileName(filePath)));
                Response.End();
            }
        }

When I click on the View link button, the .pdf file appears. I still would like to view it in a modalpopupextender or even an iframe.

I still welcome suggestions. :)