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
Test.cs
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);
}
}
}