showing ajax moda popup on a row click in datalist

Posted on 2011-10-11
Last Modified: 2012-05-12
I have a datalist that contains a user control as a Itemtemplate. Inside the user control I have a div that contains some images. When the user cicks on one of the images I would like the ajax modal popup to be shown.

I created an ajax modal popup and set the TargetControlID as the datalist on the page that contans the datalist. IT works, but the problem is I want the modal popup to show only when the image inside the usercontrol is clicked not when any other field is clicked. please suggest how I can achieve this. Thanks
Question by:TrialUser
    LVL 83

    Accepted Solution

    I think you would need to add the extender in the user control and then select the actual image as the control.
    LVL 83

    Expert Comment

    Or use this free control

    Author Comment

    If I add in the user control there were several probles :

    1) many of the modal popups where placed on the page on load.
    2) only on click of the first row in hte datalist the modal popup popped up. For other rows it is not.

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    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…
    Having worked on larger scale sites, we found out that you are bound to look at more scalable solutions to integrating widgets, code snippets or complete applications and mesh them into functional sites, in any given composition. To share some of…
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    746 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

    15 Experts available now in Live!

    Get 1:1 Help Now