Solved

How can I use modalpopup extender to show a bigger version of an image?

Posted on 2008-06-14
2
288 Views
Last Modified: 2013-11-26
Hi Experts

I have a formview in C#.
In this fv I have an image that is wrapped in a hyperlink. What I want to achieve is another image to popup when I click the image in the formview. Diffusing?

What I have so far is that the image opens in a new window. But I want the image to open in a modalpopup window.
Someone please help me?

This is my .aspx code, I have no code behind

<asp:FormView ID="fvVarebilde" runat="server" DataKeyNames="vareID" DataSourceID="SqlDataSource_fvVaredetalj">

        <ItemTemplate>

        <asp:hyperlink ID="ImageID" runat="server" target="_blank" navigateurl='<%# Eval("filnavn","bilder/{0}") %>' >

        <img src='<%# Eval("hovedbilde","bilder/{0}")%>' height="130" width="110" alt="produktbilde" />

        </asp:hyperlink>

        </ItemTemplate>

        </asp:FormView>

Open in new window

0
Comment
Question by:Raggdog
  • 2
2 Comments
 

Author Comment

by:Raggdog
Comment Utility
C'mon Experts... anyone that know something about ajax??

I changed my code, so that my image is not in a hyperlink, but in an <imagebutton>. This because of the OnClick and code behind. I need help on this because I can not make this work. I click the image... the page reloads...and nothing more happens. I want a new image to show in a modalpopup.

I have done this before, but not in a formview... Is that a problem?

This is my .aspx and code behind

<asp:FormView ID="fvVarebilde" runat="server" DataKeyNames="vareID" DataSourceID="SqlDataSource_fvVaredetalj">

        <ItemTemplate>

            <asp:ImageButton ID="showModalPopup" runat="server" ImageUrl='<%# Eval("hovedbilde","bilder/{0}")%>' OnClick="showModalPopup_Click" />

            <p class="mini">Klikk på bildet...</p>

        

        

        <asp:Panel ID="programmaticPopup" CssClass="modalPopup" style="display:none;width:520px;padding:10px" runat="server">

        <img src='<%# Eval("filnavn","bilder/{0}")%>' height="500" width="500" alt="produktbilde" />

               <asp:LinkButton runat="server" ID="hideModalPopup" Text="Lukk" OnClick="hideModalPopup_Click" />

        

        

        </asp:Panel>

        </ItemTemplate>

        </asp:FormView>

        <asp:Button runat="server" ID="hiddenTargetControlForModalPopup" style="display:none"/>

        

        

        <ajaxToolkit:ModalPopupExtender BehaviorID="programmaticModalPopupBehavior" 

            ID="programmaticModalPopup" 

            runat="server" 

            TargetControlID="hiddenTargetControlForModalPopup" 

            PopupControlID="programmaticPopup">

        

        </ajaxToolkit:ModalPopupExtender>
 
 

// and .cs
 

protected void showModalPopup_Click(object sender, EventArgs e)

    {

        this.programmaticModalPopup.Show();

    }

    protected void hideModalPopup_Click(object sender, EventArgs e)

    {

        this.programmaticModalPopup.Hide();

    }

Open in new window

0
 

Accepted Solution

by:
Raggdog earned 0 total points
Comment Utility
Ahh never mind.... I figured it out my self ;)
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Just a quick little trick I learned recently.  Now that I'm using jQuery with abandon in my asp.net applications, I have grown tired of the following syntax:      (CODE) I suppose it just offends my sense of decency to put inline VBScript on a…
ASP.Net to Oracle Connectivity Recently I had to develop an ASP.NET application connecting to an Oracle database.As I am doing it first time ,I had to solve several problems. This article will help to such developers  to develop an ASP.NET client…
In this seventh video of the Xpdf series, we discuss and demonstrate the PDFfonts utility, which lists all the fonts used in a PDF file. It does this via a command line interface, making it suitable for use in programs, scripts, batch files — any pl…
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now