This is a migrated thread and some comments may be shown as answers.

Grid not showing images from "sprites.gif" - Windows 8 + IE10 - Telerik ver - 2012.3.1205.40

6 Answers 114 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Nuno asked on 01 Feb 2013, 05:59 PM

Untitled.jpg

Please help ... this is driving me nuts...

I have a several grid like this one and noticed that in "sprites.gif" is not showing images only in Internet Explorer, i have tried several approaches, "compatible mode", "fiddler" and "firebug" for checking if url is ok, image is actually there, tried altering css and change image it is ok with that , only happens in IE and with the file sprites.gif. (Note the image of Expand/Collapse on DetailTable)

I have striped almost to the maximum to a test page to use a new Isolated RadScriptMAnager and a sample radgrid with some simple dataBind . Note this is a Grid with a 1 Detail Table.

Code is below and a image to compare. Please help....

My setup is Windows 8 - IE10 - Telerik Version : 2012.3.1205.40

Test.aspx

<%@ Page Title="" Language="C#"  AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="SenunIS.ERP.Website.Stock.test" %>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="TelerikScriptManager" runat="server" >

</telerik:RadScriptManager>

<telerik:RadGrid ID="CountStockGridView" Skin="Windows7" runat="server" EnableEmbeddedSkins="true"

Width="100%" Height="400px" OnDetailTableDataBind="CountStockGridView_DetailTableDataBind"

AutoGenerateColumns="False" EnableAjaxSkinRendering="false"

PageSize="10" >

<MasterTableView DataKeyNames="MovementDetailsID" EditMode="InPlace" Name="Grid"

HierarchyLoadMode="Client" NoMasterRecordsText="No Records..." NoDetailRecordsText="No Records...">

<SortExpressions>

<telerik:GridSortExpression FieldName="ArticleName" SortOrder="Ascending" />

</SortExpressions>

<Columns>

<telerik:GridTemplateColumn>

<HeaderTemplate>

<asp:Label ID="ArticleNameHeader" runat="server" Text="Artigo" Font-Bold="true"></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<asp:Label ID="ArticleCodeLabel" runat="server" Text='<%#Bind("ArticleName") %>'></asp:Label>

</ItemTemplate>

<HeaderStyle Width="500px" />

<ItemStyle Width="500px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<HeaderTemplate>

<asp:Label ID="ManagedByLots" runat="server" Text="Gerido por lote" Font-Bold="true"></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="ManagedByLotsCheckBox" runat="server" Enabled="false" Checked='<%#Bind("ManagedByLots") %>' />

</ItemTemplate>

<HeaderStyle Width="100px" />

<ItemStyle Width="100px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">

<HeaderTemplate>

<asp:Label ID="NEmbalagensHeader" runat="server" Text="Nº Emb" Font-Bold="true"></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<telerik:RadNumericTextBox ID="NEmbalagemLabel" runat="server" AutoPostBack="true"

BorderStyle="None" CssClass="txtNum10"

Width="80px">

</telerik:RadNumericTextBox>

<telerik:RadNumericTextBox ID="NEmbalagemLabelEdit1" runat="server" ReadOnly="true"

NumberFormat-DecimalDigits="0" Value='10'

BorderStyle="None" AutoPostBack="true" Visible="false" CssClass="txtNum7Disabled"

Width="80px">

</telerik:RadNumericTextBox>

<%-- <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="NEmbalagemLabelEdit1"

ValidationGroup="PagamnetoValPagaments" ControlToValidate="NEmbalagemLabel" Operator="GreaterThan"></asp:CompareValidator>--%>

</ItemTemplate>

<HeaderStyle Width="90px" />

<ItemStyle Width="90px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">

<HeaderTemplate>

<asp:Label ID="TotalHeader" runat="server" Text="Total Quantidade" Font-Bold="true" ></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<telerik:RadNumericTextBox ID="QuantityNumericTextBox" BorderStyle="None" CssClass="txtNum17Disabled"

NumberFormat-DecimalDigits="4"

runat="server" Width="128px" ReadOnly="true" >

</telerik:RadNumericTextBox>

<asp:Label ID="MeasuringUnitLabel" runat="server" Text='<%#Eval("MeasuringUnitName2") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">

<HeaderTemplate>

<asp:Label ID="TotalHeader" runat="server" Text="Total Valor" Font-Bold="true"></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<telerik:RadNumericTextBox ID="TotalNumericTextBox" BorderStyle="None" CssClass="txtNum17Disabled"

ReadOnly="true" runat="server" AutoPostBack="true"

NumberFormat-DecimalDigits="4" Width="128px">

</telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<DetailTables>

<telerik:GridTableView DataKeyNames="MovementDetailsID, MovementDetailsItemID" Name="Details"

runat="server" EditMode="InPlace" BackColor="#f1f1f1" HierarchyLoadMode="Client" >

<SortExpressions>

<telerik:GridSortExpression FieldName="MovementDetailsItemID" SortOrder="Ascending" />

</SortExpressions>

<Columns>

<telerik:GridTemplateColumn>

<HeaderTemplate>

<asp:Label ID="DescriotionHeader" runat="server" Text="Nome do Lote" Font-Bold="true"></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<asp:TextBox ID="DescriptionTextBox" runat="server" CssClass="txtMedium" Text='<%#Bind("Description") %>'

CausesValidation="true"></asp:TextBox>

</ItemTemplate>

<ItemStyle BorderStyle="None" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn ItemStyle-HorizontalAlign="Right">

<HeaderTemplate>

<asp:Label ID="QuantityHeader" runat="server" Text="Quantidade" Font-Bold="true"></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<telerik:RadNumericTextBox ID="QuantityTextBox"

runat="server" CssClass="txtNum10" ReadOnly="false"

AutoPostBack="true" BorderStyle="None" Width="80px"

CausesValidation="true">

</telerik:RadNumericTextBox>

</ItemTemplate>

<ItemStyle BorderStyle="None" Width="8%" />

<HeaderStyle Width="8%" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">

<HeaderTemplate>

<asp:Label ID="UnitPriceHeader" runat="server" Text="Preço unidade" Font-Bold="true"></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<telerik:RadNumericTextBox ID="UnitPriceTextBox" runat="server" CssClass="txtNum17"

ReadOnly="false" AutoPostBack="true" NumberFormat-DecimalDigits="8"

BorderStyle="None" Width="125px">

</telerik:RadNumericTextBox>

</ItemTemplate>

<ItemStyle Width="14%" />

<HeaderStyle Width="14%" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">

<HeaderTemplate>

<asp:Label ID="TotalVHeader" runat="server" Text="Total" Font-Bold="true"></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<telerik:RadNumericTextBox ID="TotalVTextBox" runat="server" CssClass="txtNum10Disabled"

ReadOnly="true" BorderStyle="None" Width="80px"

NumberFormat-DecimalDigits="4">

</telerik:RadNumericTextBox>

</ItemTemplate>

<ItemStyle Width="8%" />

<HeaderStyle Width="8%" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<HeaderTemplate>

<asp:Label ID="BarcodeNumberItemHeader" runat="server" Text="Nº de Etiquetas" Font-Bold="true"></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<telerik:RadNumericTextBox ID="BarcodeNumberItemLabel" runat="server" AutoPostBack="true" ReadOnly ="false"

NumberFormat-DecimalDigits="0" BorderStyle="None" Text='<%#Bind("NumberLabel") %>'

CssClass="txtNum10" Width="80px">

</telerik:RadNumericTextBox>

</ItemTemplate>

<ItemStyle Width="8%" />

<HeaderStyle Width="8%" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemTemplate>

<asp:ImageButton ID="PrintCodeBarImageButton" runat="server" ImageUrl="~/Images/printerCodeBar.png"

ToolTip="<%$Resources:Resources,Print%>"

CausesValidation="False" Style="vertical-align: middle" />

</ItemTemplate>

<ItemStyle Width="4%" HorizontalAlign="Right" />

<HeaderStyle Width="4%" HorizontalAlign="Right" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemTemplate>

<asp:ImageButton ID="DeleteImageButton" runat="server" ImageUrl="~/Images/delete2.png"

Enabled="true" ToolTip="<%$Resources:Resources,Delete%>"

CausesValidation="False" Style="vertical-align: middle" />

</ItemTemplate>

<ItemStyle Width="4%" HorizontalAlign="Right" />

<HeaderStyle Width="4%" HorizontalAlign="Right" />

</telerik:GridTemplateColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<PagerTemplate>

<table border="0" cellpadding="0" cellspacing="0" style="float: left; height: 32px;">

<tbody>

<tr>

<td style="border-style: none; vertical-align: middle; padding-bottom: 5px">

<asp:ImageButton ID="FirstImage" runat="server" ImageUrl="~/Images/Telerik/Toolbar/first.png"

CommandName="Page" CommandArgument="First" CausesValidation="false" />

</td>

<td style="border-style: none; vertical-align: middle; padding-bottom: 5px">

<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/Telerik/Toolbar/previous.png"

CommandName="Page" CommandArgument="Prev" CausesValidation="false" />

</td>

<asp:Panel runat="server" Font-Bold="true" Visible="false" ID="NumericPagerPlaceHolder" />

<td style="border-style: none; vertical-align: middle; padding-bottom: 5px">

<asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/Images/Telerik/Toolbar/next.png"

CommandName="Page" CommandArgument="Next" CausesValidation="false" />

</td>

<td style="border-style: none; vertical-align: middle; padding-bottom: 5px">

<asp:ImageButton ID="ImageButton3" runat="server" ImageUrl="~/Images/Telerik/Toolbar/last.png"

CommandName="Page" CommandArgument="Last" CausesValidation="false" />

</td>

<td style="border-style: none; vertical-align: middle; padding-bottom: 5px; padding-left: 200px">

Página:

</td>

<td style="border-style: none; vertical-align: bottom;">

<asp:TextBox CssClass="txtNum4" ID="tbPageNumber" runat="server" Columns="3" Text='<%# (int)DataBinder.Eval(Container, "OwnerTableView.CurrentPageIndex") + 1 %>' />

</td>

<td style="border-style: none; vertical-align: middle; padding-bottom: 5px;">

<label>

<%#" de " + DataBinder.Eval(Container, "Paging.PageCount") %></label>

</td>

<td style="border-style: none; vertical-align: middle; padding-bottom: 0px">

<asp:ImageButton ID="GoTo" runat="server" CommandName="CustomChangePage" ImageUrl="<%$Resources:Resources, ViewImageUrl %>">

</asp:ImageButton>

</td>

<td style="border-style: none; vertical-align: middle; padding-bottom: 5px; padding-left: 15px;">

Registos por Página:

</td>

<td style="border-style: none; vertical-align: bottom;">

<asp:TextBox CssClass="txtNum4" ID="tbPageSize" runat="server" Columns="3" Text='<%# (int)DataBinder.Eval(Container, "OwnerTableView.PageSize") %>'></asp:TextBox>

</td>

<td style="border-style: none; vertical-align: middle; padding-bottom: 0px">

<asp:ImageButton ID="ImageButton4" runat="server" TabIndex="0" CommandName="ChangeSize"

ImageUrl="<%$Resources:Resources, ChangeImageUrl %>"></asp:ImageButton>

</td>

</tr>

</tbody>

</table>

<table border="0" cellpadding="0" cellspacing="0" style="float: right; height: 32px;">

<tbody>

<tr>

<td style="border-style: none; vertical-align: middle; padding-bottom: 5px">

<label>

<%# "Registo " + Convert.ToString((int)DataBinder.Eval(Container, "OwnerTableView.CurrentPageIndex") * (int)DataBinder.Eval(Container, "OwnerTableView.PageSize") + 1) + " a " + Convert.ToString((int)DataBinder.Eval(Container, "OwnerTableView.CurrentPageIndex") * (int)DataBinder.Eval(Container, "OwnerTableView.PageSize") + (int)DataBinder.Eval(Container, "OwnerTableView.Items.Count")) + " de " %></

label>

</td>

</tr>

</tbody>

</table>

</PagerTemplate>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

</ClientSettings>

<PagerStyle AlwaysVisible="true" />

<ValidationSettings CommandsToValidate="Update" />

</telerik:RadGrid>

</form>

Test.cs

using SenunIS.ERP.Modules.Stock;

using SenunIS.Framework;

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

namespace SenunIS.ERP.Website.Stock

{

public partial class test : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

BusinessObjectList<MovementDetails> list = MovementDetails.GetByMovementID(new Guid("6BBAF51D-63B0-4CAD-8B8C-6C05A84CDF69"));

CountStockGridView.DataSource = list;

CountStockGridView.DataBind();

}

protected void CountStockGridView_DetailTableDataBind(object sender, GridDetailTableDataBindEventArgs e)

{

BusinessObjectList<MovementDetails> list = MovementDetails.GetByMovementID(new Guid("6BBAF51D-63B0-4CAD-8B8C-6C05A84CDF69"));

BusinessObjectList<MovementDetailsItem> itemlist = new BusinessObjectList<MovementDetailsItem>();

foreach (MovementDetails item in list)

{

itemlist.AddRange(MovementDetailsItem.GetByMovementDetailsID(item.MovementDetailsID));

}

Guid movementDetailsID = new Guid(e.DetailTableView.ParentItem.OwnerTableView.DataKeyValues

[e.DetailTableView.ParentItem.ItemIndex]["MovementDetailsID"].ToString());

e.DetailTableView.DataSource = itemlist.FindAll(obj => obj.MovementDetailsID == movementDetailsID);

}

6 Answers, 1 is accepted

answered on 06 Feb 2013, 05:19 PM

Untitled.png

Thank you for your reply,

I just upgraded to the new version using your install control panel, the problem persists, and this is also happening in your online Demos please see the attached image...

Note i have tried other skins in the online examples and it seems that only some are not showing images, like Office2007/2010, Forest, to name a few and others like Metro, Metro Touch and Default are OK.

Accepted

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Grid not showing images from "sprites.gif" - Windows 8 + IE10 - Telerik ver - 2012.3.1205.40

6 Answers, 1 is accepted