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?
Due to wrong project type detection, most of the menu and context menu commands are not available for web application projects.
The following commands are missing:
- Configure project
- Add [DPL] references
- Add Telerik Scenario...
- More Scenarios...
- the commands for individual scenarios
- the project context menu
The following commands are available but are not expected to be available:
- Create New Telerik Project
The contrast between the colors for the background and the text in the Tooltip of the Chart series is very low (dark background and black text). https://www.screencast.com/t/fhx6937j The problem is most obvious in the Outlook, Simple, Web20 and Sunset skins. Workaround would be setting the Color property for the ToolTipAppearance to White
Recently, Chrome version has been updated our all the user’s system as 117.xxx.xxx.
After updating the Chrome version and RadAsyncUpload is not working and getting the below error message. So, user unable to perform any upload action on this.
This is control using in production live application and it affecting our day-to day business.
Please provide your solution as soon as possible.
Error – Message :
Uncaught Error while uploading, <div></div><pre>{"fileInfo":{"FileName":"README.md","ContentType":null,"ContentLength":5798,"DateJson":null,"Index":0}, "metaData":"8D91232C303626342ACC0E7ED035FEA5DE6451C2DB0AF6EACED0DEF16BAC9F74139C19B88F3583C5E4E753AF69CA36E66EB8DC6DE10E16C1B06A7DD1B482E8E57C5949FC91A77397D6CEB2BE801B511978BE81978AF16A2AFCAB9DA0F1C04972541477EA061F94B0DC6BF18D7CC177C427FA3C9FFBB4331699BC031FC1032C268EDB586EE6E54ADD874033CEFE7916EA3B880C6383A59D10D72D4954B3FDDE3391C0D66A5D38956DDBA8B3026A07DD8C1561889181210D7982B964EB1E654AD007C04D7832068AB2BC4E220B2AC8565C53260448459E72E53295BDAD64DCF63F311E327C366756AF117BD3E45B0D85AF7BC2CC0A2983A6142FF6FAC4E9BCC92CADEA17DC" }</pre>
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?
This issue is reproducible on your demo page: https://demos.telerik.com/aspnet-ajax/formdecorator/examples/overview/defaultcs.aspx
- Navigate to the sample drop down list control.
- Open the list.
- Select an item either by typing the first letter of an item or using the arrow keys.
- Press the <Enter> or <Tab> key.
The expected behavior is the drop down list will close. It does not. However, if you collapse the list with the mouse or <Alt>+<Up Arrow> and then open the list again, the <Enter> and <Tab> keys will behave as expected.
As this problem is also present on your demo site, it is likely a bug with the RFD product and not our specific use case. If there is an update to the product or a JavaScript workaround, that would be greatly appreciated.
The Timeline generated two duplicate span elements with the same ID:
<span id="ctl00_ContentPlaceholder1_RadTimeline1_WebServiceCDS" style="display:none;"></span>
...
<span id="ctl00_ContentPlaceholder1_RadTimeline1_WebServiceCDS" style="display:none"></span>
This can be seen in the Overview demo:
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>
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>
A good improvement in the RadHtmlChart would be to add MaxSize and MinSize properties for the series, which would allow the control the scaling of the bubble chart item. The property can be set through the chartObject:
<script>
function pageLoad() {
var chart = $find("<%=BubbleChart.ClientID%>");
chart.get_kendoWidget().options.series[0].minSize = 1;
chart.get_kendoWidget().options.series[0].maxSize = 10;
chart.get_kendoWidget().redraw();
}
</script>
ASPX:
<telerik:RadHtmlChart runat="server" ID="BubbleChart" Width="500" Height="400">
<PlotArea>
<Series>
<telerik:BubbleSeries>
<Appearance FillStyle-BackgroundColor="#6ab2c9">
</Appearance>
<SeriesItems>
<telerik:BubbleSeriesItem Size="1" X="5" Y="5500" />
<telerik:BubbleSeriesItem Size="5" X="14" Y="12200" />
<telerik:BubbleSeriesItem Size="15" X="20" Y="39000" />
</SeriesItems>
</telerik:BubbleSeries>
</Series>
</PlotArea>
</telerik:RadHtmlChart>
More detailed information regarding these properties can be found in the API reference of the Kendo UI Chart here:
http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.maxSize
Bug report
It is not possible to print a PDF through the PDFViewer print tool on Desktop Chrome and Android Chrome.
Reproduction of the problem
Load PDFViewer Basic Usage demo and tap on Print tool - https://demos.telerik.com/aspnet-ajax/pdfviewer/overview/defaultcs.aspx
Current behavior
Android - "There was a problem printing the page. Please try again." - no preview
Windows - the Print dialog shows and closes automatically
Expected/desired behavior
Print preview is available, allowing you to find a printer and print
In our application we use ListBox with property EnableMarkMatches set. When we enter a search criteria with the keyboard you see in the selected rows the search criteria Bold. (See attached screenshot)
When u click with the mouse on this bold search criteria you get an error message in the console of the browser:
RadListBoxScripts.js:1223 Uncaught TypeError: Cannot read properties of null (reading 'get_enabled')
at c.RadListBox._onClick (RadListBoxScripts.js:1223:6)
at HTMLLIElement.<anonymous> (RadListBoxScripts.js:476:4)
at HTMLDivElement.dispatch (jQuery.js:3:12445)
at r.handle (jQuery.js:3:9174)
This issue is reproducible at
https://demos.telerik.com/aspnet-ajax/listbox/examples/functionality/keyboardsupport/defaultcs.aspx?