Hi,

Is there an issue with zoomImage in grid and scrolling? I noticed if I have a long grid and if I zoomIn on an image at the end of the grid, then zoomOut on it, and then scroll back tot he top of the screen the move shows the zoomOut icon. I cannot even click on checkboxes or textboxes because I am stuck with the zoomOut icon. To test make a grid and show an image multiple times so that a scrollbar will show.

Please let me know if you have a solution for this.

Thanks

it's in a ASP.NET DataGrid and I'm using the ImageZoomControl. Here is a sample of the code:

<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>

<asp:DataGrid ID="dgImages" runat="server" CellPadding="4" AutoGenerateColumns="False"
ForeColor="#333333" GridLines="both" CssClass="PGText">
<HeaderStyle CssClass="grid_header" BackColor="#507CD1" Font-Bold="True" ForeColor="White">
</HeaderStyle>
<Columns>
<asp:TemplateColumn HeaderText="HotlineId" ItemStyle-Width="0" Visible="false">
<ItemTemplate>
<asp:Label ID="lHotlineId" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "HotlineId")%>' Visible="false"></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="FolderName" ItemStyle-Width="0" Visible="false">
<ItemTemplate>
<asp:Label ID="lFolderName" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "FolderName")%>' Visible="false"></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Image">
<ItemTemplate>
<div onmouseover='eo_GetObject("<%#Container.FindControl("ImageZoom1").ClientID%>").zoomIn();'
style="width: 75px;">
<eo:ImageZoom runat="server" ID="ImageZoom1" SmallImageUrl='<%#DataBinder.Eval(Container.DataItem, "ThumbImageUrl")%>'
BigImageUrl='<%#DataBinder.Eval(Container.DataItem, "FullImageUrl")%>' Description='<%#DataBinder.Eval(Container.DataItem, "ImageDescription")%>'
PositionX="Relative" OffsetX="100" OffsetY="-300" LoadingPanelID="loading">
<ZoomPanelStyle CssText="background-color:#ffffff;border:solid #d0d0d0 1px;padding:5px;">
</ZoomPanelStyle>
</eo:ImageZoom>
</div>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Store Name_Number <br/>Address" ItemStyle-Width="225">
<ItemTemplate>
<asp:Label ID="lblStoreName" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "StoreName")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Client <br/> Category <br/> Item Description <br/> UPC" ItemStyle-Width="450">
<ItemTemplate>
<asp:Label ID="lblItemInfo" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "ItemInfo")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Hotline Type <br/> Hotline SubType" ItemStyle-Width="175">
<ItemTemplate>
<asp:Label ID="lblHotlineInfo" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "HotlineInfo")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Trans Date" ItemStyle-Width="65">
<ItemTemplate>
<asp:Label ID="lblTransDate" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "TransDate")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Description" ItemStyle-Width="475">
<HeaderTemplate>

<asp:Label ID="lblDescription" runat="server" Text="Image Name"></asp:Label>
<br />
<asp:TextBox ID="txtNameAll" runat="server" Columns="10" MaxLength="14"></asp:TextBox>
<asp:ImageButton ID="imgNameAll" runat="server" ImageUrl="~/Images/arrowdown.gif"
Width="20" Height="20" OnClick="imgNameAll_Click" ToolTip="Name All Images" />
</HeaderTemplate>
<ItemTemplate>
<div>
<%--<asp:CheckBox ID="chkImageSelect" runat="server" />--%>
<span style="float: left; position: absolute;">
<eo:EditableLabel ID="EditableLabel1" ClientSideOnChange="change_handler" runat="server" Width="400" Value='<%#DataBinder.Eval(Container.DataItem, "ImageDescription")%>'>
</eo:EditableLabel>
</span>
</div>
<%--
<asp:TextBox ID="txtImageName" runat="server" Width="350" Text='<%#DataBinder.Eval(Container.DataItem, "Desc")%>'></asp:TextBox>
--%>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<HeaderTemplate>Select <br />
<asp:CheckBox ID="chkAllImages" runat="server" ToolTip="Select All Images" OnCheckedChanged="chkAllImages_CheckedChanged"
AutoPostBack="true" />
</HeaderTemplate>
<ItemTemplate>

<asp:CheckBox ID="chkImageSelect" runat="server" />
</ItemTemplate>
</asp:TemplateColumn>


</Columns>
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<EditItemStyle BackColor="#2461BF" />
<SelectedItemStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<AlternatingItemStyle BackColor="White" />
<ItemStyle BackColor="#EFF3FB" />
</asp:DataGrid>
</ContentTemplate>
</asp:UpdatePanel>

Thanks!