>
-----
<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False"
EmptyDataText="There are no items available for lookup at this time!"
DataKeyNames="EmployeeID" DataSourceID="SqlDataSource1">
<Columns>
<asp:TemplateField HeaderText="<< Employees List >>">
<ItemTemplate>
<table>
<tr>
<td id="nameTD" runat="server"><asp:Label ID="lblFirstName" runat="server" Text='<%# Eval("FirstName") %>' />, <asp:Label ID="lblLastName" runat="server" Text='<%# Eval("LastName") %>' />
</td>
<td><b>Title: </b>
<asp:Label ID="lblTitle" runat="server"
Text='<%# Eval("Title") %>' />
</td>
<td><b>BirthDate: </b>
<asp:Label ID="lblBirthDate" runat="server"
Text='<%# Eval("BirthDate") %>' />
</td>
<td><b>City: </b>
<asp:Label ID="lblCity" runat="server"
Text='<%# Eval("City") %>' />
</td>
<td><b>Country: </b>
<asp:Label ID="lblCountry" runat="server"
Text='<%# Eval("Country") %>' />
</td>
<td>
<ajaxToolkit:HoverMenuExtender ID="HoverMenuExtender1" runat="server"
TargetControlID="nameTD" PopupControlID="panelPopUp"
PopDelay="20" OffsetX="-100" OffsetY="-5">
</ajaxToolkit:HoverMenuExtender>
<asp:Panel ID="panelPopUp" runat="server" BackColor="AliceBlue" BorderStyle="Dotted" BorderColor="Gray" BorderWidth="1px">
<table width="100%" cellpadding="2" cellspacing="2">
<tr>
<td><asp:ImageButton ID="imageButtonDelete" AlternateText="Delete record?" runat="server" CommandName="Delete" ImageUrl="~/maildelete.gif" />
</td>
</tr>
<tr>
<td>Address: <asp:Label ID="Label1" runat="server" Text='<%# Eval("Address") %>' /></td>
</tr>
<tr>
<td>Phone: <asp:Label ID="Label2" runat="server" Text='<%# Eval("HomePhone") %>' /></td>
</tr>
<tr>
<td>Photo URL: <asp:Label ID="Label3" runat="server" Text='<%# Eval("PhotoPath") %>' /></td>
</tr>
</table>
</asp:Panel>
</td>
</tr>
</table>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>