[Last Call] Learn how to a build a cloud-first strategyRegister Now

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 515
  • Last Modified:

ASP.net Grid View Thumbnail images not visible in FireFox

I have an ASP.net page with grid views, an example of which is shown here.  The first field in the grid is a template field, containing an image, the image url of which is bound to a field in the data source.

The image displays fine in IE7, but in FireFox, they are not there.  What am I doing wrong?
<asp:GridView ID="GridView1" runat="server" AllowPaging="True" 
        AutoGenerateColumns="False" CssClass="grid" Width="790px" AllowSorting="True" 
            <asp:templatefield ShowHeader="False">
						<asp:Image ID="Grid1Thumb" runat="server" ImageUrl='<%# Eval("Thumb") %>' Width="50px" />
					<ItemStyle HorizontalAlign="Center" Width="60px" />
            <asp:ButtonField ButtonType="Button" Text="Cancel Lot" CommandName="cancellot">
            <ControlStyle CssClass="bmb" Height="20px" Width="60px" />
            <FooterStyle ForeColor="Black" />
            <ItemStyle Width="70px" />
            <asp:BoundField HeaderText="Lot Number" DataField="ID" SortExpression="ID">
            <ItemStyle HorizontalAlign="Center" Width="50px" />
            <asp:ButtonField AccessibleHeaderText="Title" HeaderText="Title" 
                ShowHeader="True" DataTextField="Title" SortExpression="Title" 
            <FooterStyle ForeColor="Black" />
            <HeaderStyle ForeColor="Black" />
            <ItemStyle HorizontalAlign="Left" ForeColor="Black" />
            <asp:BoundField HeaderText="Current Bid" DataField="CurrBid" 
                DataFormatString="{0:c}" SortExpression="CurrBid">
            <ItemStyle HorizontalAlign="Center" Width="75px" />
            <asp:BoundField HeaderText="End Date/Time" DataField="EndTime" 
            <ItemStyle HorizontalAlign="Center" Width="75px" />
            <asp:ButtonField HeaderText="Shopper Survey" ShowHeader="True" 
                DataTextField="Surveys" SortExpression="Surveys" CommandName="viewsurvey">
            <ItemStyle HorizontalAlign="Center" Width="50px" ForeColor="Black" />
        <FooterStyle ForeColor="Black" />
        <HeaderStyle CssClass="gridtitle" ForeColor="Black" />
        <AlternatingRowStyle CssClass="gridalt" />

Open in new window

1 Solution
May be try these.
1. clear the browser cache
2. see the source code of the firefox to see, if it has a backslash instead of a forward slash.
3. check to see if Firefox shows spaces as %20 and \ as %5C , cause in IE it don't seem a problem.

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now