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

7 posts, 1 answers
  1. Nuno
    Nuno avatar
    12 posts
    Member since:
    May 2008

    Posted 01 Feb 2013 Link to this post

    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);
     
     
            }
     
            
        }
    }

  2. Nuno
    Nuno avatar
    12 posts
    Member since:
    May 2008

    Posted 04 Feb 2013 Link to this post

    Can't anyone help on this????
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Milena
    Admin
    Milena avatar
    224 posts

    Posted 06 Feb 2013 Link to this post

    Hello,
     
    Could you try to reproduce the unwanted behavior on some of our online examples? Note, RadControls for Asp.net AXAX support IE10 since Q2 2012 SP2, so I would suggest you to upgrade to this version of RadControls and verify if the problem still exists.


    Kind regards,
    Milena
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  5. Nuno
    Nuno avatar
    12 posts
    Member since:
    May 2008

    Posted 06 Feb 2013 Link to this post

    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.
  6. Nuno
    Nuno avatar
    12 posts
    Member since:
    May 2008

    Posted 07 Feb 2013 Link to this post

    This seems to be a bug for you to file and address in a new version... Please post on this!
  7. Answer
    Milena
    Admin
    Milena avatar
    224 posts

    Posted 08 Feb 2013 Link to this post

    Hello,

    I tested the same demo on my end and was not able to replicate the problematic behavior. Please, see this video and let me know what I am missing in replicating the issue. Can you also test this demo on another machine with such environment and verify if the problem could be reproduced there?

    Regards,
    Milena
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  8. Nuno
    Nuno avatar
    12 posts
    Member since:
    May 2008

    Posted 08 Feb 2013 Link to this post

    Ok thank you for your tests,

    your vídeo really mimic mine behaviour, so with your vídeo i have remembered to try one more thing, "disable 3d gpu rendering in IE", and now it works wich probably indicates some problem with my Drivers, i will go look on this subject, thanks for you time is clearly not a problem with the grid!
    My mistake to wrongly assume that was na error in grid control.

    Again thanks for great support, keep up the good work...
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017