Hello,

I was follwoing the below link to show Listview Details in Modal Popup.

 Modal Popup.

I have a listview and inside there is image button which is binded to images from a folder. Once I click on this Imagebutton, I need to open a popup which shows a bigger image with the row details.

I tired the above code but it doesnt work.

My listview looks like this.

and this is my code. Please help me.

<asp:ListView runat="server" ID="LviewDisplayProducts" ItemPlaceholderID="item" OnPagePropertiesChanging="OnPagePropertiesChanging"  
        DataKeyNames="ItemCode" 
        onitemdatabound="LviewDisplayProducts_ItemDataBound" 
        onselectedindexchanged="LviewDisplayProducts_SelectedIndexChanged">
<LayoutTemplate>
<table id="product-list">
<tr>
<td><b>Description</b></td>
<td colspan="3"><b>Details</b></td>
</tr>
<tr id="item" runat="server"></tr>
<tr>
            <td colspan = "3">
                <asp:DataPager ID="DataPager1" runat="server" PagedControlID="LviewDisplayProducts" PageSize="10">
                    <Fields>
                        <asp:NextPreviousPagerField ButtonType="Link" ShowFirstPageButton="true" ShowPreviousPageButton="true"
                            ShowNextPageButton="false" />
                        <asp:NumericPagerField ButtonType="Link" />
                        <asp:NextPreviousPagerField ButtonType="Link" ShowNextPageButton="true" ShowLastPageButton="true" ShowPreviousPageButton = "false" />
                    </Fields>
                </asp:DataPager>
            </td>
        </tr>
</table>
</LayoutTemplate>
<EmptyDataTemplate>
<div id="no-items">No results found</div>
</EmptyDataTemplate>
<ItemTemplate>
<table style="background-color:#7F7C77" width="100%" cellpadding="10" cellspacing="10">
<tr style="outline:thin solid">
<td>
<table>
<tr>
<td>
<asp:ImageButton runat="server" ID="imgDesign" ImageUrl="~/ipadcss/set-demo.jpg" Width="100px" Height="100px" OnClick="imgDesign_Click" CommandName="Select" />
</td>
</tr>
<tr>
<td>
<span><asp:Label runat="server" ID="lblComingSoon" Text="Coming Soon" Font-Bold="true" BackColor="#c6a64b"></asp:Label></span>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>
Sets: <%# Eval("Karat")%>
</td>
</tr>
<tr>
<td>
Set: <%# Eval("ItemGroupDesc")%>
</td>
</tr>
<tr>
<td>
Weight: <asp:Label runat="server" ID="lblAvgWgt" Text='<%# Eval("AvgWt")%>'></asp:Label>
</td>
</tr>
<tr>
<td>
Code: <asp:Label Text='<%# Eval("ItemCode")%>' runat="server" ID="lblItemCode"></asp:Label>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>
Branch: <%# Eval("Location")%>
</td>
</tr>
<tr>
<td>
LSC: <asp:Label runat="server" ID="lblLSC" Text='<%# Eval("Price")%>'></asp:Label>
</td>
</tr>
<tr>
<td>
Price: <asp:Label runat="server" ID="lblTotalCost" Text='<%# Eval("Price")%>'></asp:Label>
</td>
</tr>
<tr>
<td>
Peice: <%# Eval("Pcs")%>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>
<asp:GridView runat="server" ID="grvSalesManStock" Width="100%" AutoGenerateColumns="false" GridLines="None">
<Columns>
<asp:BoundField HeaderText="" DataField="description" />
<asp:BoundField HeaderText="" DataField="Pcs" />
</Columns>
</asp:GridView>
</td>
</tr>
</table>
</td>
<td>
<asp:TextBox runat="server" ID="txtDetails" TextMode="MultiLine"></asp:TextBox>
</td>
<td>
<asp:ImageButton runat="server" ID="btnCheckOut" OnClick="btnCheckOut_Click" ImageUrl="~/ipadcss/add_to_cart.png" />
</td>
</tr>
</table>
</ItemTemplate>
</asp:ListView>

<asp:LinkButton Text="" ID = "lnkFake" runat="server" />
 <asp:ModalPopupExtender ID="mpe" runat="server" PopupControlID="pnlPopup" TargetControlID="lnkFake"
CancelControlID="btnClose" BackgroundCssClass="modalBackground">
</asp:ModalPopupExtender>
<asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" Style="display: none">
    <div class="header">
        Details
    </div>
    <div class="body">
        <asp:Image runat="server" ID="img" ImageUrl="" />    </div>
    <div class="footer" align="right">
        <asp:Button ID="btnClose" runat="server" Text="Close" CssClass="button" />
    </div>
</asp:Panel>

protected void LviewDisplayProducts_SelectedIndexChanged(object sender, EventArgs e)
        {
            mpe.Show();
        }