Basically when a user runs an old browser or IE8 in compatiblity mode, my RadButtons at the top of one of my RadPanels appear to hover on the right as you scroll down and then when you move your mouse over them they disappear and don't come back. It works completely correct in IE8 and if it is not in a RadSplitter. I am running the 2011.2.915.35 version of the tools. To demonstrate this, I have created the following ASPX page to demonstrate:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>Playground Page</title> </head> <body class="BODY"> <form runat="server" id="mainForm" method="post"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> </telerik:RadScriptManager> <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%" ResizeWithBrowserWindow="true" ResizeWithParentPane="true" Orientation="Vertical" > <telerik:RadPane ID="SearchPane" runat="server" Width="280" BackColor="#DDDDDD" > <asp:Panel ID="SearchResultGroup" runat="server" Height="100%" > Some stuff here </asp:Panel> </telerik:RadPane> <telerik:RadPane ID="ContentPane" runat="server" Scrolling="Both" > <asp:Panel ID="ContentGrouping" runat="server" > <table width="100%"> <tr> <td align="center">Page Header Here</td> <td align="right" width="350px" style="padding-top:5px;"> <telerik:RadButton ID="testButton" Text="Test Button" runat="server" > <Icon PrimaryIconCssClass="rbHelp" /> </telerik:RadButton><br /> </td> </tr> <tr> <td colspan="2"> <% for (int i=0; i < 80; i++) { %> ROW <%= i %> ADDED TO CREATE SCROLL<br /> <% } %> </td> </tr> </table> </asp:Panel> </telerik:RadPane> </telerik:RadSplitter> </form> </body> </html><table width="100%"> <tr> <td width="75%"> <telerik:RadScheduler ID="RadScheduler1" runat="server" DataDescriptionField="Description" DataEndField="EndTime" DataKeyField="keyid" DataRecurrenceField="Recurrence" DataRecurrenceParentKeyField="RecurrenceParentKey" DataReminderField="Reminders" DataSourceID="SqlDataSource1" DataStartField="StartTime" DataSubjectField="Subject" EnableDescriptionField="True" FirstDayOfWeek="Monday" SelectedView="MonthView" Skin="Sitefinity" OverflowBehavior="Expand" EnableCustomAttributeEditing="False" onappointmentinsert="RadScheduler1_AppointmentInsert" StartEditingInAdvancedForm="False" onload="RadScheduler1_Load" > <Reminders Enabled="True" /> </telerik:RadScheduler> </td> <td width="25%" valign="top" bgcolor="#FFFFA6" > <asp:Label ID="RadTextBox1" Runat="server" Text="Select an entry to view its description." ></asp:Label> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table><
link href="css/Green/Grid.Green.css" rel="stylesheet" type="text/css" />
In my master page -- the grid shows up green, but the images are not showing up AND it does not update all of the image paths.<telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" AllowFilteringByColumn="True" AllowSorting="True" DataSourceID="SqlDataSource1" ShowGroupPanel="True" Skin="Green" EnableEmbeddedSkins="False" ImagesPath="css\green\grid">
<MasterTableView AutoGenerateColumns="False" DataKeyNames="part_id" DataSourceID="SqlDataSource1" >
<RowIndicatorColumn Visible="False" FilterImageUrl="css\green\grid\Filter.gif" SortAscImageUrl="css\green\grid\SortAsc.gif" SortDescImageUrl="css\green\grid\SortDesc.gif">
<HeaderStyle Width="20px" />
</RowIndicatorColumn>
<ExpandCollapseColumn Resizable="False" Visible="False" CollapseImageUrl="css\green\grid\SingleMinus.gif" ExpandImageUrl="css\green\grid\SinglePlus.gif" FilterImageUrl="css\green\grid\Filter.gif" SortAscImageUrl="css\green\grid\SortAsc.gif" SortDescImageUrl="css\green\grid\SortDesc.gif">
<HeaderStyle Width="20px" />
</ExpandCollapseColumn>
<EditFormSettings>
<PopUpSettings ScrollBars="None" />
<EditColumn CancelImageUrl="Cancel.gif" EditImageUrl="Edit.gif" FilterImageUrl="Filter.gif"
InsertImageUrl="Insert.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif"
UpdateImageUrl="Update.gif">
</EditColumn>
</EditFormSettings>
<Columns>
<telerik:GridBoundColumn DataField="part_id" DataType="System.Int32" HeaderText="part_id"
ReadOnly="True" SortExpression="part_id" UniqueName="part_id" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="part_nbr" HeaderText="part_nbr" SortExpression="part_nbr"
UniqueName="part_nbr" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="part_msuf" HeaderText="part_msuf" SortExpression="part_msuf"
UniqueName="part_msuf" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="part_nm" HeaderText="part_nm" SortExpression="part_nm"
UniqueName="part_nm" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="program_cd" HeaderText="program_cd" SortExpression="program_cd"
UniqueName="program_cd" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="site_cd" HeaderText="site_cd" SortExpression="site_cd"
UniqueName="site_cd" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="type_cd" HeaderText="type_cd" SortExpression="type_cd"
UniqueName="type_cd" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="hert" HeaderText="hert" SortExpression="hert"
UniqueName="hert" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridBoundColumn>
<telerik:GridCheckBoxColumn DataField="is_active" DataType="System.Boolean" HeaderText="is_active"
SortExpression="is_active" UniqueName="is_active" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridCheckBoxColumn>
<telerik:GridCheckBoxColumn DataField="is_reported" DataType="System.Boolean" HeaderText="is_reported"
SortExpression="is_reported" UniqueName="is_reported" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridCheckBoxColumn>
<telerik:GridBoundColumn DataField="part_group" HeaderText="part_group" SortExpression="part_group"
UniqueName="part_group" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="part_group_text" HeaderText="part_group_text"
SortExpression="part_group_text" UniqueName="part_group_text" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridBoundColumn>
<telerik:GridCheckBoxColumn DataField="is_new" DataType="System.Boolean" HeaderText="is_new"
SortExpression="is_new" UniqueName="is_new" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridCheckBoxColumn>
<telerik:GridBoundColumn DataField="full_name" HeaderText="full_name" ReadOnly="True"
SortExpression="full_name" UniqueName="full_name" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="PartName" HeaderText="PartName" ReadOnly="True"
SortExpression="PartName" UniqueName="PartName" FilterImageUrl="Filter.gif" SortAscImageUrl="SortAsc.gif" SortDescImageUrl="SortDesc.gif">
</telerik:GridBoundColumn>
</Columns>
<CommandItemSettings AddNewRecordImageUrl="AddRecord.gif" RefreshImageUrl="Refresh.gif" />
<PagerStyle FirstPageImageUrl="PagingFirst.gif" LastPageImageUrl="PagingLast.gif"
NextPageImageUrl="PagingNext.gif" PrevPageImageUrl="PagingPrev.gif" />
</MasterTableView>
<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" AllowDragToGroup="True">
<Selecting AllowRowSelect="True" />
</ClientSettings>
<PagerStyle FirstPageImageUrl="PagingFirst.gif" LastPageImageUrl="PagingLast.gif"
NextPageImageUrl="PagingNext.gif" PrevPageImageUrl="PagingPrev.gif" />
</telerik:RadGrid>
<telerik:GridTemplateColumn UniqueName="LEGAL_USER" HeaderText="LEGAL_USER" SortExpression="LEGAL_USER" headerStyle-Width="8%"> <ItemTemplate> <asp:Label ID="lblLEGAL_USER" runat="server" Text='<%# Eval("LEGAL_USER") %>' /> <asp:DropDownList ID="ddlLEGAL_USER" runat="server" DataTextField="LEGAL_USER_LASTNAME" DataValueField="LEGAL_USER_ID" DataSourceID="SqlDataSource2" SelectedValue='<%# Bind("DOCUMENT_PERSONS_LEGAL_USER_REL_ID") %>' Style="display: none" /> </ItemTemplate> </telerik:GridTemplateColumn><asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:CCSI %>" SelectCommand="SELECT DISTINCT [LEGAL_USER_ID] , LEGAL_USER_LASTNAME FROM LEGAL_USERS" />| <telerik:GridTemplateColumn DataField="SportingEvent" UniqueName="IsSportingEvent" HeaderText="Sporting Event ?"> |
| <ItemTemplate> |
| <asp:Label ID="LabelSporting" runat="server" Text='<%#Eval("SportingEvent") %>'></asp:Label> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| protected void RadGridCategories_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e) |
| { |
| if (e.Item is GridDataItem) |
| { |
| GridDataItem item = e.Item as GridDataItem; |
| string se = item["IsSportingEvent"].Text; |
| Label lbl = item["IsSportingEvent"].FindControl("LabelSporting") as Label; |
| if (lbl.Text == "False") |
| { |
| lbl.Text = "No"; |
| } |
| if (lbl.Text == "True") |
| { |
| lbl.Text = "Yes"; |
| } |
| } |
| } |