We help IT Professionals succeed at work.

ASP.net Grid View Thumbnail images not visible in FireFox

kmerlo asked
Medium Priority
Last Modified: 2012-05-06
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

Watch Question

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.

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.