Subresource Integrity is a fairly new security scheme for protecting against malicious script obtained from third-party source (CDNs). It requires that the script tag include a hash of the script content so the browser can verify that it has not been altered.

Telerik controls generate a bunch of script tags for cloudfront.net. It would be swell if the script tags would include the extra attributes necessary to implement subresource integrity. Is this in the roadmap? 

Mozilla provides a security analysis tool which highlights this issue. Look at the results for telerik.com here -> https://observatory.mozilla.org/analyze/www.telerik.com. 

More info available on 
https://infosec.mozilla.org/guidelines/web_security#subresource-integrity
https://www.w3.org/TR/SRI/

Hello Team,

In Editor, proportional resize of image (by holding Shift and dragging) is not working unlike in Word.

Could you please suggestion for adding the same in Editor.

Thanks.

When the grid has a horizontal scroll bar displayed, we can't scroll the table horizontally using keyboard only.  If testing using the Siteimprove Accessibility Checker, we will get the issue "Scrollable element is not keyboard accessible".

The reason is that when the RadGrid is rendered, the horizontal scroll bar is render as a separate <div> out of the data table, and the horizontal scroll bar doesn’t have a tabindex, so there’s no way to put focus on it using keyboard.  Can you add tabindex="0" to the horizontal scroll bar?

In case where the y-axis minimum value < 0 the x-axis label appears below the y=0 line and not below the chat.  I am however able move the x-axis label to be below the chart by setting RadHTMLChart.PlotArea.YAxis.AxisCrossingValue = the minimum value on the y-axis. 

However the y=0 line on the chart is no longer prominent on the chart.  I was advised to use a jQuery-type solution to move the label without affecting the appearance of the y=0 line on the chart:

 <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
         <script>
             function kendoChartInitializing(sender, args) {               
                 //move just the Title of the axis
                 args.xAxis.title.padding = { top: 80 }                        
             }
         </script>

Please provide a code-behind or design time feature to set this property instead of resorting to a jQuery-type method.

Instead of using jQuery-type script (kendo?), please provide functionality to the RadHTMLChart to specify label properties of a RadHTMLChart series.  For example (background colour, padding and border)

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
         <script>
             function kendoChartInitializing(sender, args) {
                 var series = args.series;
                 for (var i = 0; i < series.length; i++) {                   
                     series[i].labels.background = "white";
                     series[i].labels.padding = 4;
                     series[i].labels.border = { width: 1, dashType: "solid", color: "black" }
                 }                                
             }
         </script>

Instead of using jQuery-type script (kendo?), please provide functionality to the RadHTMLChart to specify MinSize and MaxSize properties of the RadHTMLChart.

Instead of the following:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
         <script>
             function kendoChartInitializing(sender, args) {
                 var series = args.series;
                 for (var i = 0; i < series.length; i++) {
                     series[i].maxSize = 30;
                     series[i].minSize = 10;
                     
                 }                             
             }
         </script>

Currently we are in the process of securing our web sites. we are experiencing issue on Xhtml Validator in RadEditor where it is not properly loading due to mixed content issue. There is no way to redirect to HTTPS instead of HTTP site.

We can reproduce this on Rad Editor Demo site by making site as HTTPS and click on XHTML Validator icon.

https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

Could you please add that feature?

When inserting video in Telerik Editor, radEditor by default inserts it using <embed>.
This element is not supported by Edge. Many modern browsers now support/recommend to use of the <video> tag.
So, that it will render video in most of Chromium browsers out there.

Rendering and tabbing through the menus goes well BUT - the following was reported:

• With NVDA/Firefox, while the menu item names (File, Edit, View) are announced, but nothing is announced that lets me know that I can expand them to hear more. Usually the space and enter key are used to toggle menus, but neither of those do anything.
• With NVDA/Chrome, I get the same experience.
• With JAWS/Chrome, I hear some more info: when I’m on File, I hear File alt plus F (then Edit alt plus E, View alt plus V). It seems like the latter two of these open up the menu visually, but I’m not able to navigate to any of the items with my keyboard or hear them with my screen reader.

The BIG issue seems to be the lack of indication that a SubMenu exists - is this a known issue?  Am I not enabling something I should be?

Current RadMenu config:

  <telerik:RadMenu AriaSettings-Label="Manage a Business Menu" runat="server" ID="m" Width="100%" Skin="Simple" Flow="Horizontal" RenderMode="Lightweight"
                EnableAriaSupport="true" CausesValidation="false" EnableOverlay="false">
                <KeyboardNavigationSettings CommandKey="Alt" FocusKey="M" />
            </telerik:RadMenu>    

For the time being you can set the types through the kendoWidget:
		<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
			<script>
				function pageLoad() {
					var chart = $find('<%=RadHtmlChart1.ClientID%>');
					chart._chartObject.options.series[0].type = "verticalLine";
					chart.repaint();
				}
			</script>
		</telerik:RadCodeBlock>
		<telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="600px" Height="400px">
			<PlotArea>
				<Series>
					<telerik:LineSeries Name="Product 1">
						<SeriesItems>
							<telerik:CategorySeriesItem Y="15000" />
							<telerik:CategorySeriesItem Y="23000" />
							<telerik:CategorySeriesItem Y="10000" />
						</SeriesItems>
					</telerik:LineSeries>
				</Series>
				<XAxis>
					<Items>
						<telerik:AxisItem LabelText="1" />
						<telerik:AxisItem LabelText="2" />
						<telerik:AxisItem LabelText="3" />
					</Items>
				</XAxis>
			</PlotArea>
			<ChartTitle Text="Product sales for 2011">
			</ChartTitle>
			<Legend>
				<Appearance Position="Bottom" />
			</Legend>
		</telerik:RadHtmlChart>

In "Planned vs Actual" scenario, and we noticed a strange behaviour when we have same task Start and End date, and both planned dates null: in this case a circle ("planned" symbol) appears on the left side of gantt chart... but planned dates are null.
When task Start and End dates are different, and planned dates are null, the circle correctly does not appear.

There is no property indicating the next DateTime that user is going to,

for example, we are in November/2022 and the end user click on "<" back button,

the event return the current date.

RadCalendar1_OnHeaderCellRender

the  var nMes = cal.FocusedDate.Month; to return the current month.

For the time being the following workaround can be used:

JavaScript:

    <script>
        function pageLoad() {
            var chart = $find("<%=RadHtmlChart1.ClientID%>");
            chart._chartObject.options.series[0].labels.background = "yellow";
            chart._chartObject.options.series[0].labels.border = {
                width: 2,
                dashType: "dashDot",
                color: "green"
            };
            chart.repaint();
        }
    </script>

ASPX:

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

For the time being the property can be set through the underlying Kendo Chart widget. For example:

		<script>
			function OnLoad(chart) {
				var widget = chart.get_kendoWidget();
				//also applies for the minor grid lines - replace majorGridLines with minorGridLines
				//Numeric series
				widget.options.xAxis.majorGridLines.step = 5;
				widget.options.yAxis.majorGridLines.step = 5;
				//Category series
				//widget.options.categoryAxis.majorGridLines.step = 5;
				//widget.options.valueAxis.majorGridLines.step = 5;
				widget.redraw();
			}
		</script>
		<telerik:RadHtmlChart runat="server" ID="BubbleChart" Width="500" Height="400">
			<ClientEvents OnLoad="OnLoad" />
			<ChartTitle Text="Market Share Study">
			</ChartTitle>
			<PlotArea>
				<Appearance>
					<FillStyle BackgroundColor="White"></FillStyle>
				</Appearance>
				<XAxis MinValue="0" MaxValue="100" Step="10">
					<MinorGridLines Visible="false" />
				</XAxis>
				<YAxis MinValue="0" MaxValue="100" Step="10">
					<MinorGridLines Visible="false" />
				</YAxis>
				<Series>
					<telerik:BubbleSeries>
						<Appearance FillStyle-BackgroundColor="#6ab2c9">
						</Appearance>
						<TooltipsAppearance DataFormatString="Percentage of Market Share: {2}%<br /> Number of products: {0}<br /> Sales: ${1}" />
						<SeriesItems>
							<telerik:BubbleSeriesItem Size="3" X="5" Y="55" />
							<telerik:BubbleSeriesItem Size="12" X="14" Y="80" />
							<telerik:BubbleSeriesItem Size="33" X="20" Y="60" />
							<telerik:BubbleSeriesItem Size="10" X="18" Y="24" />
							<telerik:BubbleSeriesItem Size="42" X="22" Y="32" />
						</SeriesItems>
					</telerik:BubbleSeries>
				</Series>
			</PlotArea>
			<Legend>
				<Appearance Position="Right"></Appearance>
			</Legend>
		</telerik:RadHtmlChart>

For the time being the function can be set through the kendoWidget:

<telerik:RadHtmlChart runat="server" ID="ColumnChart1" Transitions="true">
    <PlotArea>
        <Series>
            <telerik:ColumnSeries Name="Product 1">
                <TooltipsAppearance BackgroundColor="Orange" DataFormatString="{0} sales" />
                <SeriesItems>
                    <telerik:CategorySeriesItem Y="15000" />
                    <telerik:CategorySeriesItem Y="23000" />
                    <telerik:CategorySeriesItem Y="10000" />
                    <telerik:CategorySeriesItem Y="16000" />
                </SeriesItems>
            </telerik:ColumnSeries>
        </Series>
        <XAxis AxisCrossingValue="0" Color="Black" MajorTickType="Outside" MinorTickType="Outside"
            Reversed="false">
            <Items>
                <telerik:AxisItem LabelText="1" />
                <telerik:AxisItem LabelText="2" />
                <telerik:AxisItem LabelText="3" />
                <telerik:AxisItem LabelText="4" />
            </Items>
            <LabelsAppearance DataFormatString="Q{0}" RotationAngle="0" />
            <MajorGridLines Color="#EFEFEF" Width="1" />
            <MinorGridLines Color="#F7F7F7" Width="1" />
            <TitleAppearance Position="Center" RotationAngle="0" Text="Quarters" />
        </XAxis>
        <YAxis AxisCrossingValue="0" Color="Black" MajorTickSize="1" MajorTickType="Outside"
            MaxValue="50000" MinorTickSize="1" MinorTickType="Outside" MinValue="0" Reversed="false"
            Step="10000">
            <LabelsAppearance DataFormatString="{0} sales" RotationAngle="0" />
            <TitleAppearance Position="Center" RotationAngle="0" Text="Sales" />
        </YAxis>
    </PlotArea>
    <ChartTitle Text="Product Sales for 2011">
    </ChartTitle>
    <Legend>
        <Appearance Position="Bottom" />
    </Legend>
</telerik:RadHtmlChart>
<script>
    function pageLoad() {
        $ = $telerik.$;
        var kendoWidget = $find("<%=ColumnChart1.ClientID%>").get_kendoWidget();
        kendoWidget.options.series[0].labels.position = function (point) {
            if (point.value < 20000) {
                console.log(1);
                return "insideEnd";
            } else {
                console.log(2);
                return "outsideEnd";
            }
        }
        kendoWidget.redraw();
    }
</script>