Environment (OS, Application, Versions)
Screen Reader: NVDA 2022.1
Repro-Steps:
- Open Telerik Web UI Calendar Overview Demo | Telerik UI for ASP.NET AJAX
- Navigate to calendar.
- Navigate to Next/Previous month ('<,<<,>,>>) button and activate it.
- Verify the issue.
Screen reader should announce the information about the month after activating "Next/previous" month controls.
I am reaching out in regards of an update we need to resolve a vulnerability in our system. I am not aware if my company has a license already but I was informed that we could get the hotfix by opening a ticket. Please let me know if there is another method to get the hotfix.
Contact email: xxxxx <- updated by Telerik admin
Response we got from TELERIK:
If you don't have an active license, you can reach out the Telerik support by opening a General Feedback ticket.
I suggest to allow developers to customize the GridColumnGroup header.
Custom column group headers should be a built-in feature of the RadGrid.
I am looking for a simple clock image which I can set from code behind with, for example, startime=1000 | endtime=1600 and see a little circle with a clock face with a "pie slice" shaded in to represent the period between 10am and 4pm.
I am not looking for a time picker (that's already done in the Edit Form) - I need a way of displaying a little visual indicator like a clock face / pie chart type of graphic with a shaded area showing the user a range such as 10am-4pm, 2pm-4pm, 8am-1pm etc.
I think the minimum requirements would be:
1. Skin support (I use Bootstrap but all standard skins should be supported)
2. Be able to define a "start" and "end" range for the time slots around the edge
3. Be able to choose a beginning slot and an end slot
4. Be able to add a label in the centre (in my case it would Date but it would be useful to be able to make it something like RadClockRange.CentreLabel.Text="something"). Also, maybe the label could have properties such as RadClockRange.CentreLabel.Colour=Red / .CentreLabel.FontSize=16 etc.
5. It would be nice to databind (I use dbo.Appointments.TimeStart="11" and dbo.Appointments.TimeEnd="15" but it could be user controllable - like the scheduler - to use a user definable field in a table)
6. A range of sizes would be useful
Sample:
When using the Designer, the Default Values displayed for properties do not reflect the Default values from Lightweight RenderMode.
One particular scenario is when creating a GridButtonColumn for RadGrid that is set to LinkButton. While the Designer shows the ButtonType set to "LinkButton" by default, upon rendering the Grid, the ButtonType is FontIconButton.
There is no way of changing that in the Designer.
There are Telerik controls on the page, but I've also explicitly added Telerik.Web.UI.Common.Core.js to the script manager. I get that Edge is a chromium browser, but I need to detect Edge.
Telerik,
Respectfully recommending a guide feature for new users for our Application (Something similar to what this website does https://shepherdjs.dev/) Users can essentially step through controls we have on the page and we have a small verbiage/info for them that is easily digestible.
Would help tremendously on onboarding new users and documenting new features.
Looks like it is a typo in the Telerik code. When I use skin web20 on the page and RadNotification I get exception :
An error occurred processing a web or script resource request. The requested resource 'pTelerik.Web.UI.Skins|Telerik.Web.UI.Skins.Web20Lite.Notification.Web20.css' does not exist or there was a problem loading it.
Note, there is "p" before Telerik namespace.
"Error while executing filter StripDomEventAttributesFilter - RangeError: Maximum call stack size exceeded"
Once the error occurs, the only way to fix it is to refresh the page.
The R2 2021 update causes all controls in Classic RenderMode to change their layout and size due to different font-size, font-family and line-height.
Fixing this change is planned for the upcoming Service Pack.
In the meantime, you can use the styles in the attachment. Due to the fact that the selectors are the same as the ones in the built-in skin, you need to load them either in the beginning of the <body> or using RadStylesheetManager. If you are using the StylesheetManager, ensure you set a big OrderIndex for the entry:
<telerik:RadStyleSheetManager runat="server" >
<StyleSheets>
<telerik:StyleSheetReference Path="fixes.css" OrderIndex="99999" />
</StyleSheets>
</telerik:RadStyleSheetManager>Loading the styles in the <head> tag's markup would not work as the Telerik stylesheets are added programmatically at the end of the <head> tag, meaning it will override the preceding files that have the same selector.
The attachment contains a file for each skin and inside it, it has all styles grouped by control. That means you can load only the file for the skin you are using and optionally remove the styles for controls that you are not using. Keep in mind that some more complex controls(e.g. Grid, Editor, DropDownTree, etc.) contain other Telerik controls as child controls, so you would need to keep the styles for the child controls also.
Please excuse us for the inconvenience caused and thank you for your understanding.
Inconsistent behavior between Firefox and Chrome (other browser not tested) when cutting and pasting content within the editor.
We have more advanced cases but I tried to simplify the case here as much as I could.
This has been tested on you demo page at https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
I have tested using Firefox 88 and Chrome 90, both on Widows 10.
Reproduce:
Paste the following content in html-mode:
<p>Lorem ipsum dolor sit amet.</p>
<p>Ut enim ad minim veniam.</p>
<figure>
<img src="../../images/attractions_LosGigantes.png" alt="Test">
<figcaption>Image text</figcaption>
</figure>
<p>Excepteur sint occaecat cupidatat non proident.</p>
Switch to designmode.
Mark text, including the dot after veniam until before the first character in Excepteur
Cut
(First difference noted here)
Goto after Lorum Ipsum
Paste
(Second difference here)
First difference:
In Chrome you get:
<p>Lorem ipsum dolor sit amet.</p>
<p>Ut enim ad minim veniamExcepteur sint occaecat cupidatat non proident.</p>
In Firefox you get:
<p>Lorem ipsum dolor sit amet.</p>
<p>Ut enim ad minim veniam</p>
<p>Excepteur sint occaecat cupidatat non proident.</p>
Second difference:
Chrome:
<p>Lorem ipsum</p>
<p>.</p>
<p><figure><img src="https://demos.telerik.com/aspnet-ajax/editor/images/attractions_LosGigantes.png" alt="Test" /><figcaption>Image text</figcaption>
<div> </div>
</figure> dolor sit amet.</p>
<p>Ut enim ad minim veniamExcepteur sint occaecat cupidatat non proident.</p>
Firefox:
<p>Lorem ipsum.
<figure>
<img src="https://demos.telerik.com/aspnet-ajax/editor/images/attractions_LosGigantes.png" alt="Test" />
<figcaption>Image text</figcaption>
</figure>
dolor sit amet.</p>
<p>Ut enim ad minim veniam</p>
<p>Excepteur sint occaecat cupidatat non proident.</p>
Inconsistent behavior between Firefox and Chrome (other browser not tested) when drag and dropping content within the editor.
We have more advanced cases (when this breaks things like totally like cutting a block with image and caption into pieces in Chrome) but I tried to simplify the case here as much as I could.
This has been tested on you demo page at https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
I have tested using Firefox 88 and Chrome 90, both on Widows 10.
Steps to reproduce:
Switch to html-mode and add the following content:
<p>Lorem ipsum dolor sit amet.</p>
<p>Ut enim ad minim veniam.</p>
<p><img alt="" src="../../images/attractions_LosGigantes.png" /></p>
Switch back to wysiwyg mode
Drag the image and drop it in the middle of one of the text lines. I dropped it just after Lorum ipsum.
Result is very different in Firefox and Chrome
Firefox :
<p>Lorem ipsum </p>
<p><img alt="" src="https://demos.telerik.com/aspnet-ajax/editor/images/attractions_LosGigantes.png" /></p>
<p>dolor sit amet.</p>
<p>Ut enim ad minim veniam.</p>
Chrome:
<p>Lorem ipsum<img alt="" src="https://demos.telerik.com/aspnet-ajax/editor/images/attractions_LosGigantes.png" /> dolor sit amet.</p>
<p>Ut enim ad minim veniam.</p>
We prefer the behavior in Firefox as it works when having mode advanced blocks than just an image. In Chrome the content is split into the new context and broken.
ADA Compliance Issue - ComboBox, DropDownList, DatePicker, DateTimePicker and TimePicker Buttons must have discernible text
can we give two Focus Keys in KeyboardNavigationSettings ?
Current --> <KeyboardNavigationSettings CommandKey="Alt" FocusKey="P" />
Two key strokes --> <KeyboardNavigationSettings CommandKey="Alt" FocusKey="P + Y" />
The problem is described in this code library
The repro markup can be found below
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <!-- Bootstrap CSS --> <link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"crossorigin="anonymous"> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"crossorigin="anonymous"></script></head><body> <form id="form1" runat="server"> <asp:ScriptManager runat="server" /> <telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" Skin="Bootstrap"RenderMode="Lightweight"></telerik:RadAsyncUpload> </form></body></html>