We used Telerik in our application. The network team reported a spam in it.

Using Telerik grid with SortExpression in telerik:GridTemplateColumn, has been reported as high priority network issue.

Issue name : Ajax request header manipulation (DOM-based)

Recorded the issue in below snippet of responce.

onclick="Telerik.Web.UI.Grid.Sort()"
 
Please let me know if you have any suggestions.!!!

Reproduction of the issue

RadGrid declaration

<telerik:RadButton runat="server" Text="PostBack"  AutoPostBack="true"></telerik:RadButton>
<telerik:RadGrid runat="server" ID="RadGrid2">
    <MasterTableView DataKeyNames="Column1" ClientDataKeyNames="Column1" CommandItemDisplay="Top">
            <Columns>
            <telerik:GridBoundColumn UniqueName="Col1" DataField="Column1" HeaderText="Col1"s></telerik:GridBoundColumn>
                <telerik:GridBoundColumn UniqueName="Col2" DataField="Column2" HeaderText="Col2"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn UniqueName="Co13" DataField="Column3" HeaderText="Co13"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn UniqueName="Col4" DataField="Column4" HeaderText="Col4"></telerik:GridBoundColumn>
        </Columns>
    </MasterTableView>
    <ClientSettings ReorderColumnsOnClient="false" AllowColumnsReorder="true">
            <DataBinding Location="~/Api/RevCodeGrid" SelectMethod="GetDataAndCount2"   >
        </DataBinding>
    </ClientSettings>
</telerik:RadGrid>

RevCodeGridController

public class Test
{
    public String Column1 { get; set; }
    public String Column2 { get; set; }
    public String Column3 { get; set; }
    public String Column4 { get; set; }
}


[HttpPost]
public virtual RadGridResultData GetDataAndCount2(object context)
{
    List<Test> items = new List<Test>();
    items.Add(new Test() { Column1 = "1", Column2 = "A", Column3 = "A1", Column4 = "A12" });
    items.Add(new Test() { Column1 = "2", Column2 = "B", Column3 = "B1", Column4 = "B12" });
    items.Add(new Test() { Column1 = "3", Column2 = "C", Column3 = "C1", Column4 = "C12" });
    items.Add(new Test() { Column1 = "4", Column2 = "D", Column3 = "D1", Column4 = "D12" });

    return new RadGridResultData { Data = items, Count = items.Count };
}

When viewing a PDF file in the RadPdfViewer, hyperlinks in the file are not clickable.

Can clickable hyperlinks be added to RadPdfViewer?

Current style

.k-reset {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  list-style: none; }

What it should be:

.k-reset {
    margin: 0;
    padding: 0;
    border-width: 0;
    outline: 0;
    text-decoration: none;
    font: inherit;
    list-style: none
}

I have an htmlchart using a scatter series and a radgrid, on the grid row hover event I call the below javascript function to show the relevant tooltip for the plotted point matching the id of the grid row.

This all works well, however I would like to also highlight the plotted point that the tooltip relates to, the same effect as the mouse over on the point within the chart.

For the time being you can use the following workaround:
		<script>
			function OnLoad(sender, args) {
				var kendoWidget = $find('<%=RadHtmlChart1.ClientID%>').get_kendoWidget();
				kendoWidget.options.legend.reverse = true;
				kendoWidget.redraw();
			}
		</script>
		<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="600" Height="400">
			<ClientEvents OnLoad="OnLoad" />
			<PlotArea>
				<Series>
					<telerik:ColumnSeries Name="Series 1">
						<SeriesItems>
							<telerik:CategorySeriesItem Y="30" />
							<telerik:CategorySeriesItem Y="10" />
							<telerik:CategorySeriesItem Y="20" />
						</SeriesItems>
					</telerik:ColumnSeries>
					<telerik:ColumnSeries Name="Series 2">
						<SeriesItems>
							<telerik:CategorySeriesItem Y="2" />
							<telerik:CategorySeriesItem Y="5" />
							<telerik:CategorySeriesItem Y="7" />
						</SeriesItems>
					</telerik:ColumnSeries>
					<telerik:ColumnSeries Name="Series 3">
						<SeriesItems>
							<telerik:CategorySeriesItem Y="9" />
							<telerik:CategorySeriesItem Y="11" />
							<telerik:CategorySeriesItem Y="13" />
						</SeriesItems>
					</telerik:ColumnSeries>
				</Series>
				<XAxis>
					<LabelsAppearance RotationAngle="33"></LabelsAppearance>
					<Items>
						<telerik:AxisItem LabelText="Item 1" />
						<telerik:AxisItem LabelText="Item 2" />
						<telerik:AxisItem LabelText="Item 3" />
					</Items>
				</XAxis>
			</PlotArea>
		</telerik:RadHtmlChart>

For the time being the property can be set through the chartObject. For example:
		<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
		</telerik:RadScriptManager>
		<script>
			function pageLoad() {
				var chart = $find("<%=RadHtmlChart1.ClientID%>");
				//DashType: dash, dashDot, dot, longDash, longDashDot, longDashDotDot, solid
				chart._chartObject.options.categoryAxis.majorGridLines.dashType = "dot";
				chart._chartObject.options.categoryAxis.minorGridLines.dashType = "dot";
				chart._chartObject.options.valueAxis.majorGridLines.dashType = "dot";
				chart._chartObject.options.valueAxis.minorGridLines.dashType = "dot";
				chart.repaint();
			}
		</script>
		<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="600px" Height="400px">
			<PlotArea>
				<Series>
					<telerik:LineSeries Name="Series 1">
						<SeriesItems>
							<telerik:CategorySeriesItem Y="30" />
							<telerik:CategorySeriesItem Y="10" />
							<telerik:CategorySeriesItem Y="20" />
						</SeriesItems>
					</telerik:LineSeries>
				</Series>
				<XAxis>
					<Items>
						<telerik:AxisItem LabelText="item 1" />
						<telerik:AxisItem LabelText="item 2" />
						<telerik:AxisItem LabelText="item 3" />
					</Items>
				</XAxis>
			</PlotArea>
		</telerik:RadHtmlChart>

Currenlty Series like Bubble, Bar, Column, Donut, Pie and Candlestick do not expose any appearance properties for the Series border. Expose appearance border properties like width, dashtype, color and opacity.

Temporary workaround for managing the border appearance:
Javascript:
	<script language="javascript">
		function pageLoad() {
			var chart = $find("RadHtmlChart1");
			chart._chartObject.options.series[0].border = {
				width: 2,
				color: "black",
				dashType: "dash",
				opacity: 0.2
			}
			chart.repaint();
		}
	</script>

ASPX:
	<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="600" Height="400">
		<PlotArea>
			<Series>
				<telerik:ColumnSeries>
					<SeriesItems>
						<telerik:CategorySeriesItem Y="30" />
						<telerik:CategorySeriesItem Y="10" />
						<telerik:CategorySeriesItem Y="20" />
					</SeriesItems>
				</telerik:ColumnSeries>
			</Series>
		</PlotArea>
	</telerik:RadHtmlChart>

The functionality is currently exposed only by the x-axis of the sparkliens. It would be a good idea to be exposed by the other series types as well.

For the time being you can configure the cross hair through the kendo widget:
<script>
			function pageLoad() {
				$find('RadHtmlChart1').get_kendoWidget().setOptions({categoryAxis:{crosshair:{ color: "green", width: 2, visible: true}}});
			}
		</script>
		<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="600" Height="400">
			<PlotArea>
				<Series>
					<telerik:ColumnSeries Name="Series 1">
						<SeriesItems>
							<telerik:CategorySeriesItem Y="30" />
							<telerik:CategorySeriesItem Y="10" />
							<telerik:CategorySeriesItem Y="20" />
						</SeriesItems>
					</telerik:ColumnSeries>
					<telerik:LineSeries Name="Series 2">
						<SeriesItems>
							<telerik:CategorySeriesItem Y="39" />
							<telerik:CategorySeriesItem Y="19" />
							<telerik:CategorySeriesItem Y="29" />
						</SeriesItems>
					</telerik:LineSeries>
				</Series>
				<XAxis>
					<LabelsAppearance RotationAngle="33"></LabelsAppearance>
					<Items>
						<telerik:AxisItem LabelText="Item 1" />
						<telerik:AxisItem LabelText="Item 2" />
						<telerik:AxisItem LabelText="Item 3" />
					</Items>
				</XAxis>
			</PlotArea>
		</telerik:RadHtmlChart>

Currently the available appearance options of the line in Area, Line and ScatterLine Series are width and background color. Expose additional option for changing the dash type(e.g. dash, dashDot, Dot, etc). For the time being the following workaround can be used:
		<script>
			function pageLoad() {
				var chart = $find("<%=RadHtmlChart1.ClientID%>");
				//DashType: dash, dashDot, dot, longDash, longDashDot, longDashDotDot, solid
				chart._chartObject.options.series[0].dashType = "dot";
				chart.repaint();
			}
		</script>
		<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="600px" Height="400px">
			<PlotArea>
				<Series>
					<telerik:LineSeries Name="Series 1">
						<SeriesItems>
							<telerik:CategorySeriesItem Y="30" />
							<telerik:CategorySeriesItem Y="10" />
							<telerik:CategorySeriesItem Y="20" />
						</SeriesItems>
					</telerik:LineSeries>
				</Series>
				<XAxis>
					<Items>
						<telerik:AxisItem LabelText="item 1" />
						<telerik:AxisItem LabelText="item 2" />
						<telerik:AxisItem LabelText="item 3" />
					</Items>
				</XAxis>
			</PlotArea>
		</telerik:RadHtmlChart>

1) There is no element with the id or name as the value of the aria-controls attribute of the dateinput button with enabled ARIA support. 

2) The aria-valuemin and aria-valuemax attribute are not valid on role=textbox

To fix these, the following workarounds can be used

Option 1: OnClientLoad event of the DateInput element inside the DatePicker

function DatePickerOnClientLoad(sender) {
    setTimeout(function () {
        $telerik.$(sender.get_element()).parent().find("[role=button][aria-controls]").removeAttr("aria-controls");
        $telerik.$(sender.get_element()).removeAttr("aria-valuemin").removeAttr("aria-valuemax")
    })  
}

Option 2: using Sys.Application.Load event

function pageLoadHandler() {
    $telerik.$("[role=button][aria-controls]");
    $telerik.$("[role=textbox]").removeAttr("aria-valuemin").removeAttr("aria-valuemax");
    // Sys.Application.remove_load(pageLoadHandler);  
}
Sys.Application.add_load(pageLoadHandler);

Currently, the asp:Label and telerik:RadLabel are rendering the AssociatedControlID of the ComboBox as for="RadComboBox1" while it should be for="RadComboBox1_Input"

FROM ADMIN:

<script type="text/javascript">
    function fixLabelFor() {
        $telerik.$("label[for]").each(function () {
            var lbl = $telerik.$(this)
            if ($telerik.$("#" + lbl.attr("for")).hasClass("RadComboBox")) {
                lbl.attr("for", lbl.attr("for") + "_Input");
            }
        })
        // Sys.Application.remove_load(fixLabelFor); 
    }
    Sys.Application.add_load(fixLabelFor);
</script>

<script>
    function OnClientLoad(sender, args) {
        var ariasettings = JSON.parse(sender._ariaSettings)
        if (ariasettings && ariasettings["aria-describedby"]) {
            var lbl = $get(ariasettings["aria-describedby"]);
            lbl.setAttribute("for", lbl.getAttribute("for") + "_Input")
        }
    }
</script>

We would like the ability to perform drag and drop upload when using the Silverlight module.  We have found and have much support from forums and posts that the FileApi module does not work with environments with Windows Authentication and IE 11.  This is due to a know IE bug that is not going to be fixed.

http://www.telerik.com/forums/telerik-async-upload-fails-in-ie11-on-load-balancer
http://www.telerik.com/forums/radasyncupload-freezes
http://www.telerik.com/forums/ie11-freezes-when-is-used-async-upload


Although I can disable the FileApi, doing so prevents us from using the much loved drag and drop.

The Telerik Bootstrap skin looks like it is Bootstrap, but it is not.  While it is easy to override a Bootstrap style to customize something, every time we do we end up on a support ticket to figure out how to make the same override in the skin.

One common area this comes up is the form sizing.  In Bootstrap, you can use a CSS class .form-group-sm to easily make the form controls smaller.  (There are several other classes as well for controls and form groups.)  The Telerik controls, like radCombobox or DatePicker do not honor this style, you need special Telerik CSS to get them to size.

The Bootstrap skin should have CSS included in it that handles when the Bootstrap control size classes are used.  That way when a Telerik control is placed in a div with .form-group-sm etc. it will automatically resize itself accordingly.

ref: http://getbootstrap.com/css/#forms-control-sizes

Update data values using drag and drop directly from the chart, something like this:

https://forio.com/app/powersim/powerwall/energy_consumption_details.html

A lot of customers would have this functionality without changing the HTMLChart controls.

Currently, opening the CustomColorPallete popup always selects the #808080 color.

To have this behavior use the custom code solution below:

<telerik:RadColorPicker runat="server" ID="RCP" EnableCustomColor="true" OnClientLoad="OnClientLoad" />

<script>
    function OnClientLoad(sender, args) {
        $telerik.$(sender._customColorButton).click(refreshPalette(sender));
    }

    function refreshPalette(sender) {
        return function (evt) {
            var colorPicker = sender;
            var selectedColor = colorPicker.get_selectedColor() || "#808080";
            colorPicker._updateHslPaletteElementsUI(colorPicker._getRgbFromHex(selectedColor), null, true);
        };
    }
</script>

When track changes disabled the backspace is OK:
- User typed two lines (1) & (2)
- At the beginning of the line (2) user presses the backspace key, it successfully appended the line (2) with line (1) (where there was a space available). 
When track changes enabled the backspace does not work as expected:
- User typed two lines (1) & (2)
- At the beginning of the line (2) user presses the backspace key, it removes the end of the character in line (1).