ModalPopupExtender

[robasta]

I need help, I am stuck.

Scenario: I am using a Datalist showing Images. When a user clicks on
an Image, the ModalPopup should show the selected image.

Currently I have the following:

CODE BEHIND:
-----------------------

protected void OKButton_Click(object sender, EventArgs e)
{
//submit entry, add to db, add to show entry
string insertResult = CompetitionEntryManager.AddEntry
(Session["selImg"].ToString(), PageHelper.SessionEmailAddress,
txtboxTextEntry.Text);
if (insertResult == "Success")
{
//redirect to view the post
}
else
{
//show error message
}
}

protected void rep2_SelectedIndexChanged(object sender,
EventArgs e)
{
if (PageHelper.SessionEmailAddress == string.Empty)
{
FormsAuthentication.SignOut();
FormsAuthentication.RedirectToLoginPage();
}
else
{
Session["selImg"] = rep2.SelectedValue.ToString();
txtboxTextEntry.Text = rep2.SelectedValue.ToString();
}
}

protected void rep2_ItemCommand(object source,
DataListCommandEventArgs e)
{
Session["selItem"] =
e.Item.ItemIndex;
}
-------------------------------------------------------------------
------------------------------------------------------------------

ASPX:
---------

<aspataList ID="rep2" DataSourceID="linqDataSourceImageDisplays"
runat="server"
RepeatDirection="Horizontal" RepeatColumns="4"
BackColor="White" BorderColor="#999999"
BorderStyle="None" BorderWidth="1px" CellPadding="3"
GridLines="Vertical"
OnSelectedIndexChanged="rep2_SelectedIndexChanged"
DataKeyField="ImageUrl" OnItemCommand="rep2_ItemCommand">
<FooterStyle BackColor="#CCCCCC" ForeColor="Black" />
<ItemTemplate>
<table width="100%" border="0" cellspacing="0"
cellpadding="0px" class="competitionImageTable">
<tr>
<td>
<asp:Image ID="ImageButton" runat="server"
ImageUrl='<%# Eval("ImageUrl") %>'
Width="200px" />
</td>
</tr>
<tr>
<td>
<asp:Label ID="ImageTitleLabel" runat="server"
Text='<%# Eval("ImageTitle") %>' />
</td>
</tr>
<tr>
<td>
<asp:Label ID="ImageDescriptionLabel"
runat="server" Text='<%# Eval("ImageDescription") %>' />
</td>
</tr>
<tr>
<td>
<asp:LinkButton runat="server"
CommandName="Select" Text="Select" />
</td>
</tr>
</table>
<act:ModalPopupExtender runat="server"
TargetControlID="ImageButton"
PopupControlID="ModalPanel"
CancelControlID="CancelButton"
BackgroundCssClass="ModelPopupBackground">
</act:ModalPopupExtender>
</ItemTemplate>
<SelectedItemTemplate>
<table width="100%" border="0" cellspacing="0"
cellpadding="0px" class="competitionImageTable">
<tr>
<td>
<asp:Image ID="ImageButton" runat="server"
ImageUrl='<%# Eval("ImageUrl") %>'
Width="200px" />
</td>
</tr>
<tr>
<td>
<asp:Label ID="ImageTitleLabel" runat="server"
Text='<%# Eval("ImageTitle") %>' />
</td>
</tr>
<tr>
<td>
<asp:Label ID="ImageDescriptionLabel"
runat="server" Text='<%# Eval("ImageDescription") %>' />
</td>
</tr>
<%--<tr>
<td>
<asp:LinkButton ID="LinkButton1"
runat="server" CommandName="Select" Text="Select" />
</td>
</tr>--%>
</table>
</SelectedItemTemplate>
<AlternatingItemStyle BackColor="#DCDCDC" />
<ItemStyle BackColor="#EEEEEE" ForeColor="Black" />
<HeaderStyle BackColor="#000084" Font-Bold="True"
ForeColor="White" />
</aspataList>
<asp:LinqDataSource ID="linqDataSourceImageDisplays"
runat="server"
ContextTypeName="Nescafe.MidTier.NescafeMidTierDataContext"
Select="new (ImageUrl, ImageTitle, ImageDescription)"
TableName="CompetitionImages"
Where="IsActive == @IsActive">
<WhereParameters>
<asparameter DefaultValue="true" Name="IsActive"
Type="Boolean" />
</WhereParameters>
</asp:LinqDataSource>
<aspanel ID="ModalPanel" runat="server" Width="500px">
<table width="500px" border="0" cellspacing="0"
cellpadding="0" class="PopupTable">
<tr>
<td colspan="2">
<asp:Label ID="labelEntryText" runat="server"
Text="Entry Text"></asp:Label>
</td>
</tr>
<tr>
<td colspan="2">
<asp:TextBox ID="txtboxTextEntry" runat="server"
Columns="50" Style="margin-left: 0px"
TextMode="MultiLine"></asp:TextBox>
<asp:RegularExpressionValidator
ID="RegularExpressionValidator1" runat="server"
ControlToValidate="txtboxTextEntry"
ErrorMessage="RegularExpressionValidator"
ValidationExpression="^[a-zA-Z0-9\s.\-]+$">*</
asp:RegularExpressionValidator>
</td>
</tr>
<tr>
<td>
<asp:Button ID="CancelButton" runat="server"
Text="Close" />
</td>
<td>
<asp:Button ID="OKButton" runat="server"
Text="Submit" OnClick="OKButton_Click" />
</td>
</tr>
</table>
</aspanel>