For the time being the following workaround can be used: <telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" Width="230px" Height="430px" DisplayUpFolderItem="true" ExplorerMode="FileTree"> </telerik:RadFileExplorer> <script> Telerik.Web.UI.RadFileExplorer.prototype._onTreeContextMenuItemClicked = function (sender, args) { var treeNode = args.get_node(); var menuItem = args.get_menuItem().get_value(); switch (menuItem) { case "Rename": treeNode.startEdit(); var nodeInput = treeNode.get_inputElement(); if (!this._allowFileExtensionRename) { var item = this._createItemFromTreeViewNode(treeNode); if (!item.isDirectory()) nodeInput.value = $T.FileExplorerHelper.stripExtension(item); } this._attachFileNameValidator(nodeInput); var treeUL = sender.get_childListElement(); this._treeKeyDownDelegate = Function.createDelegate(this, this._treeKeyDown); if (treeUL) $telerik.addHandler(treeUL, "keydown", this._treeKeyDownDelegate, true); break; case "NewFolder": if (!this._isNodeADirectory(treeNode)) { treeNode = treeNode.get_parent(); } var nodeValue = treeNode.get_value(); this.createNewDirectory(nodeValue); break; case "Delete": var selItems = sender.get_selectedNodes(); var delItem = new Array(); for (var i = 0; i < selItems.length; i++) { var currItem = this._createItemFromTreeViewNode(selItems[i]); delItem.push(currItem); } this.deleteItem(delItem); break; case "Upload": this._showUploadWindow(); break; case "Copy": var selectedItem = null; if (!treeNode.get_selected()) { selectedItem = this._createItemFromTreeViewNode(treeNode); } this._copy("tree", selectedItem); break; case "Paste": var pasteItem = this._createItemFromTreeViewNode(treeNode); this._paste(pasteItem); break; } } </script>
Hi Telerik Support,
the scrolling and pagination does not seem to work in Firefox anymore. Is there any workaround?
in Chrome and Edge it works just fine!
if i click on an Pagenumber or Next Page or sth. like this, there happens nothing.
if i try to scroll the scrollbars showing up and changing their size, but they doesnt scroll.
i have also tried to scroll here:
https://demos.telerik.com/aspnet-ajax/pdfviewer/overview/defaultcs.aspx?_gl=1*5mk763*_ga*MTMyNTUwNjgzNS4xNjkwODk5NjYw*_ga_9JSNBCSF54*MTcxNjI3NTAwMy4xOS4xLjE3MTYyOTQ0ODkuNTkuMC4w*_gcl_au*NzI0MTA3Mzc5LjE3MDkyOTcyMzE.&_ga=2.243750470.291641267.1716275004-1325506835.1690899660
but it didnt work also
Thanks you and Best Regards
Roland
When I try to set the Skin to Material I obtain the following Error:
WebResource.axd?d=e4b2sCc8Q8M6A2MgSsDltOpyL908K1Q7T29bPdSz7Supj8wwNwBiCRISuCJlWYcTaJsmG21ZOfynS4jGurXXbpli-ERqUAuqN0-JIBovYD49aTvhGO3Rn_RCmsSdUlmwuseC48k3n557KQEGgkr2hCHOsY41&t=638423073240000000] DETAILS: System.Web Exception: msg:Richiesta webresource non valida.
The problem happens when the ButtonType="ImageButton" is set with the Material skin:
<telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderStyle-Width="20px" >
</telerik:GridEditCommandColumn>
<telerik:GridButtonColumn ButtonType="ImageButton" UniqueName="DeleteColumn" Text="Elimina" HeaderStyle-Width="20px" CommandName="Delete" ConfirmText="Procedere con la cancellazione del Cimitero?"></telerik:GridButtonColumn>
Found an additional issue when implementing this on a project:
When aria-enabled=true and we follow their instructions if we have a gridnumericcolumn in the grid, then we get a finding that "Elements must only use supported ARIA attributes" because To solve this problem, you need to fix the following:
ASPX
<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" AllowFilteringByColumn="true" OnNeedDataSource="RadGrid1_NeedDataSource" EnableAriaSupport="true">
<ClientSettings>
<ClientEvents OnGridCreated="OnGridCreated" />
</ClientSettings>
<MasterTableView>
<Columns>
<telerik:GridBoundColumn DataField="ID" HeaderText="ID" UniqueName="ID" />
<telerik:GridBoundColumn DataField="Name" HeaderText="Name" UniqueName="Name" />
<telerik:GridCheckBoxColumn DataField="IsActive" HeaderText="Active" UniqueName="IsActive" />
<telerik:GridNumericColumn DataField="Score" HeaderText="Score" UniqueName="Score" DataType="System.Int32" DataFormatString="{0:N0}" />
</Columns>
</MasterTableView>
</telerik:RadGrid>
ASPX.CS
protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
// Creating a dummy data source
var data = new List<DummyData>
{
new DummyData { ID = 1, Name = "John Doe", IsActive = true, Score = 88 },
new DummyData { ID = 2, Name = "Jane Doe", IsActive = false, Score = 92 }
};
RadGrid1.DataSource = data;
}
public class DummyData
{
public int ID { get; set; }
public string Name { get; set; }
public bool IsActive { get; set; }
public int Score { get; set; }
}
When I want to clear a class in the RadEditor the class is cleared in the hyperlink manager, but not in the area in the footer of the RadEditor.
If 'clear class' is selected nothing happens.
When using Metro skin, if I click on a disabled button (Undo, Redo, Unlink and so on), its icon disappears until I click outside it.
https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx?skin=Metro
This does not happen with MetroTouch, Silk or Default skin. How do I replicate the same behavior with Metro skin?
We are trying to make our website accessible using Wave and one thing we are struggling with is TreeViews with checkboxes enabled. Sometimes the checkbox is rendered as a span element and sometimes as an input element. In the second case Wave is recognizing an error for each node as the input element is not associated with its neighbouring text. You can see this on your own website: https://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/checkboxes/defaultcs.aspx. For the server side tree the checkboxes are rendered as inputs and there is no label associated with it.
This behaviour doesn't change when I set EnableAriaSupport="true".
Bug report
Text cannot be selected in the RadPdfViewer with pdfjs v3.4.120 or newer.
Current behavior
Text cannot be selected
Expected/desired behavior
Text should be selectable
Reproduction demos:
Example 1
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.sandbox.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf_viewer.min.js"></script>
<script type="text/javascript">
window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.js';
</script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf_viewer.min.css" type="text/css" rel="stylesheet" />
t>
<telerik:RadPdfViewer ID="TKPdfViewer" runat="server" Width="100%">
<ToolBarSettings Items="pager, zoom, toggleSelection, search, download, print, spacer" />
<PdfjsProcessingSettings File="TestPDF.pdf">
</PdfjsProcessingSettings>
</telerik:RadPdfViewer>
Example 2
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.4.120/pdf.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.4.120/pdf.sandbox.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.4.120/pdf.worker.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.4.120/pdf_viewer.min.js"></script>
<script type="text/javascript">
window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.4.120/pdf.worker.js';
</script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.4.120/pdf_viewer.min.css" type="text/css" rel="stylesheet" />
t>
<telerik:RadPdfViewer ID="TKPdfViewer" runat="server" Width="100%">
<ToolBarSettings Items="pager, zoom, toggleSelection, search, download, print, spacer" />
<PdfjsProcessingSettings File="TestPDF.pdf">
</PdfjsProcessingSettings>
</telerik:RadPdfViewer>
When search dropdown is open in MultiColumnComboBox and you scroll the page (e.g. by mouse wheel) the dropdown is immediately closed which is quite inconvenient.
Both Combobox and DropDownList keep the dropdown opened when you are scrolling the page.
Could you fix it?
Any temp workaround?
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
In R3 2016 SP1 when a RadEditor with RenderMode=Classic is disposed and RadScriptManager is used, a JavaScript error is thrown: IE: Object doesn't support property or method 'dispose' Chrome: Uncaught TypeError: this._contextMenuFunctionality.dispose is not a function FIXED in R3 2016 SP2 (2016.3.1027) There are three workarounds: - Set EnableScriptCombine to false for the RadScriptManager (not applicable when CDN is used) - OR set RenderMode=Lightweight for the RadEditor (you can do this in the web.config for all control instance in the web app if they do not define the Classic mode exiplicitly) - OR add the following function override at the end of your page: <telerik:RadScriptManager ID="RadScriptManager1" runat="server" > </telerik:RadScriptManager> <%-- WORKAROUND 1: SET EnableScriptCombine="false" TO RADSCRIPTMANAGER--%> <asp:Button ID="Button1" Text="click to postback and break the editor" runat="server" /> <telerik:RadEditor ID="txtInstructions" runat="server"> </telerik:RadEditor> <%-- WORKAROUND 2: SET RenderMode="Lightweight" TO RADEDITOR--%> <%--WORKAROUND 3: ADD THE FOLLOWING SCRIPT TO THE END OF THE FORM--%> <script> Telerik.Web.UI.Editor.DefaultToolAdapter.prototype.dispose = function () { delete this._fakeToolbarParentCreated; var toolbars = this._getToolBarElements(); if (toolbars) { for (var i = 0; i < toolbars.length; i++) { $clearHandlers(toolbars[i]); } } this._tools = []; this._disposeToolbarModeHandlers(); var wnd = this._toolbarHolder; if (wnd && wnd.dispose) wnd.dispose(); var contextMenuFunctionality = this._contextMenuFunctionality; if (contextMenuFunctionality && contextMenuFunctionality.dispose) contextMenuFunctionality.dispose(); Telerik.Web.UI.Editor.DefaultToolAdapter.callBaseMethod(this, "dispose"); } </script>
The menu commands for Telerik projects sometimes are not visible. The reason why is that the visibility state of the commands is evaluated asynchronously. Depending on the time it takes to evaluate the command state, sometimes the commands are not available when they are queried for the first time.
NOTE: It can be observed in all Telerik products.
When the AriaSupport for the Grid is turned on, an aria-label is added to each column header automatically using the UniqueName of the column. The problem is - UniqueName doesn't support empty spaces - all "labels" must be single words or use Underscores - and the screen readers say "underscore."
So my column of "call_date" results in "Call underscore Date" - which is not useful for visually impaired people.
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?
1. Visit the RadEditor demo at https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx (I used Google Chrome.) 2. In the HTML view, replace the entire demo text with This <strong>strange</strong> thing 3. In the Design view, place the cursor at the very end of the line, and press Shift+Left repeatedly. a. At first it will highlight the final letter correctly. b. Then it will UNHIGHLIGHT the final letter! c. Then it will begin highlight more letters again starting from the letter BEFORE the final letter. d. Then, after highlighting the āeā in strange, it will being UNHIGHLIGHTING starting from the righthand side of the selection! e. Then it will highlight left as far as the āsā. f. Then it will start UNHIGHLIGHTING from the right again! g. Then highlighting the space to the left h. Then UNHIGHLIGHTING the space to the left! i. Then highlighting to the left as far as the beginning of the line j. Then UNHIGHLIGHTING from the right side of the selection! Pressing Shift+Left and Shift+Right should always modify only one end of the selection, and the other end should always remain where the selection was started. This is how Windows Notepad and virtually all other applications behave.
Steps to reproduce the text highlighting issue: