I don't know why this would be happening but when I use a PivotGrid, it interrupts or distorts the RadMenu CSS (see images attached). Below is the mark up for the page. This is in IE11, Telerik v.2015.2.729.45.
Please do not advise that I upgrade, I do not have the funds, but I would appreciate a work-around.
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Summary.aspx.cs" Inherits="bccwfm.REACH.Summary" %>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_Main" runat="server">
<table border="0" class="label" style="margin:5px;border-collapse:separate;border-spacing:5px;padding-top:5px">
<tr>
<td> Start Date</td>
<td>
<telerik:RadDatePicker ID="RDP_StartDate" runat="server" ShowPopupOnFocus="true" ToolTip="Select a start date" Culture="en-US" TabIndex="1" AutoPostBack="true" Width="110px" CssClass="hvr-glow">
<Calendar ID="Calendar2" runat="server" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x" ShowRowHeaders="false"></Calendar>
<DateInput ID="DateInput2" runat="server" TabIndex="1" DisplayDateFormat="M/d/yyyy" DateFormat="M/d/yyyy" AutoPostBack="True" LabelWidth=""></DateInput>
<DatePopupButton TabIndex="1"></DatePopupButton>
</telerik:RadDatePicker>
</td>
<td>End Date</td>
<td>
<telerik:RadDatePicker ID="RDP_EndDate" runat="server" ShowPopupOnFocus="true" ToolTip="Select a end date" Culture="en-US" TabIndex="2" AutoPostBack="true" Width="110px" CssClass="hvr-glow">
<Calendar ID="Calendar1" runat="server" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x" ShowRowHeaders="false"></Calendar>
<DateInput ID="DateInput1" runat="server" TabIndex="1" DisplayDateFormat="M/d/yyyy" DateFormat="M/d/yyyy" AutoPostBack="True" LabelWidth=""></DateInput>
<DatePopupButton TabIndex="2"></DatePopupButton>
</telerik:RadDatePicker>
</td>
<td>
<telerik:RadButton ID="RB_Export" runat="server" Text="Export" OnClick="RB_Export_Click" CssClass="hvr-glow"/>
</td>
</tr>
</table>
<telerik:RadPivotGrid ID="RadPivotGrid1" runat="server" AllowPaging="True" AllowSorting="True" DataSourceID="SqlDataSource1" EmptyValue="0" EnableZoneContextMenu="true" AllowFiltering="true" ClientSettings-EnableFieldsDragDrop="true" Width="99%" style="margin:10px" PageSize="50" >
<ExportSettings FileName="REACH Summary" UseItemStyles="true">
<Excel Format="Xlsx" />
</ExportSettings>
<Fields>
<telerik:PivotGridRowField DataField="Dot4Desc" Caption="Franchise"/>
<telerik:PivotGridRowField DataField="CreatedBy" Caption="Created By"/>
<telerik:PivotGridRowField DataField="Decision" Caption="Decision"/>
<telerik:PivotGridColumnField DataField="ReasonDesc" Caption="Reason"/>
<telerik:PivotGridColumnField DataField="PositionDesc" Caption="Position"/>
<telerik:PivotGridColumnField DataField="StatusDesc" Caption="Status"/>
<telerik:PivotGridAggregateField DataField="ReqID" Caption="Requests" Aggregate="Count" TotalFormat-GroupName="Requests"/>
</Fields>
</telerik:RadPivotGrid>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:CWFMO %>" SelectCommand="REACH_GetSummary" SelectCommandType="StoredProcedure">
<SelectParameters>
<asp:ControlParameter ControlID="RDP_StartDate" DbType="Date" Name="startdate" PropertyName="SelectedDate" />
<asp:ControlParameter ControlID="RDP_EndDate" DbType="Date" Name="enddate" PropertyName="SelectedDate" />
</SelectParameters>
</asp:SqlDataSource>
</asp:Content>
10 Answers, 1 is accepted
Rank 1
Rank 1
Rank 1
Rank 1
Rank 1
Can you please share the RadAjax and menu configuration so that we can revise them locally and advise you further.
Regards,
Maria Ilieva
Telerik
Rank 1
I figured it out myself, sort of. The RadAjax doesn't like the light render mode on the RadMenu but only on my development machine. If it's on the remove server, it's normal. I set the RadMenu to Classic and it works.
Hate to say it but this is typical Telerik non-sense. It's one reason why I stopped my subscription but I still like parts of it.
Maybe I'll renew again in the future... IDK.
Note that the lightweight mode is only available for the newer browsers and in case the application run in some conditions that force compatibility mode for IE browser for example you can have problems in this case. So check if this is the problem on your end.
Regards,
Maria Ilieva
Telerik
Rank 1
This is the new enough version of the browser and the Lightweight mode should work correctly in it in case it does not run in Compatibility View that forces IE7 document mode.
Regards,
Maria Ilieva
Telerik