If the table is not part of the visible part of the content area and you have to scroll to see it, then the X select table button does not appear (its display="none" property does not get updated). So technically the span element is available in the DOM but hidden:
<telerik:RadListBox
RenderMode="Lightweight"
runat="server"
ID="RadListBoxSource"
AllowTransfer="true"
TransferToID="RadListBoxDestination"
ButtonSettings-AreaWidth="35px">
<EmptyMessageTemplate>
empty message
</EmptyMessageTemplate>
</telerik:RadListBox>
<telerik:RadListBox
RenderMode="Lightweight"
runat="server"
ID="RadListBoxDestination"
ButtonSettings-AreaWidth="35px">
<EmptyMessageTemplate>
empty message2
</EmptyMessageTemplate>
</telerik:RadListBox>
Set up to reproduce:
<telerik:RadToggleButton ID="RadToggleButton1" runat="server" Text="RadToggleButton">
<ConfirmSettings ConfirmText="Sure?" />
<ToggleStates>
<telerik:ButtonToggleState Text="state1">
<Icon Url="supervisorIcon.png" />
</telerik:ButtonToggleState>
<telerik:ButtonToggleState Text="state2">
<Icon Url="ownerIcon.jfif" />
</telerik:ButtonToggleState>
</ToggleStates>
</telerik:RadToggleButton>
The RadSkinManager has some missing controls(e.g. RadCard) in the ControlTypeToApplySkin definition, hence the following approach does not work for it:
skinmanager.TargetControls.Add(ControlTypeToApplySkin.RadCard ,"Vista"); //ControlTypeToApplySkin.RadCard does not exist
When a textbox element is disabled in the content area under Chrome and Edge Chromium, the editor loses cursor and its toolbar/commands stop working.
Steps to repro:
test <textarea disabled="disabled">Text Box</textarea> test
In Chrome and IE the clicking of the SELECT button for the uploads is kinda difficult when using MATERIAL skin. See the following video: https://www.screencast.com/t/VBe1zSss7c How-to fix the bug: 1. Create a CSS file named dialog.css 2. Put the following class in the dialog.css file: .RadUpload .ruFileInput { height: 50px !important; } 3. Set the DialogsCssFile property to point to the dialog.css file: <telerik:RadEditor ID="RadEditor1" Skin="Material" RenderMode="Lightweight" DialogsCssFile="~/dialog.css" runat="server"> <ImageManager ViewPaths="~/Images" UploadPaths="~/Images" /> </telerik:RadEditor> 4. Save the page. 5. Clear the browser cache and load the page in it. If needed reload the dialog contents 3-4 times to clear the cache -> right click and choose Reload frame from the Chrome context menu.
We are seeing a JavaScript error when we select an Option in a Select control with a ASP Postback on IE11 via keyboard input. <%@ Page Language="C#" AutoEventWireup="true" Inherits="System.Web.UI.Page" %> <script runat="server"> void Page_Load(object sender, EventArgs e) { decorator.DecoratedControls = FormDecoratorDecoratedControls.Select; } </script> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>DD Test Page</title> </head> <body> <form id="DialogForm" runat="server"> <telerik:RadScriptManager runat="server" /> <telerik:RadAjaxManager runat="server" /> <telerik:RadFormDecorator ID="decorator" runat="server" DecorationZoneID="Panel1" EnableEmbeddedSkins="false" RenderMode="Lightweight" /> <telerik:RadAjaxPanel ID="Panel1" runat="server"> <asp:DropDownList ID="DD1" runat="server" AutoPostBack="true"> <asp:ListItem Text="[Select]" Value="" /> <asp:ListItem Text="T1" Value="1" /> <asp:ListItem Text="T2" Value="2" /> </asp:DropDownList> <asp:Button runat="server" Text="Refresh" /> </telerik:RadAjaxPanel> </form> </body> </html> Reproduce by clicking the DropDown control, and then pressing 'T', and then clicking on a blank section of the page.
You can get the same behavior that all other browsers get - focus being after the table. This is done easily by clearing out the following function logic (make sure the script is after the script manager): <script> Telerik.Web.UI.Editor.TableDeleteRow.prototype.selectAnotherRow = function () { } </script> You can also try the following version of the function that attempts to fix the selection collapse after the DOM changed: <script> Telerik.Web.UI.Editor.TableDeleteRow.prototype.selectAnotherRow = function (layoutBuilderEngine) { if ($telerik.isIE9Mode) { var arStateIndexes = layoutBuilderEngine._getLeftTopStateIndexes(layoutBuilderEngine._selectedRowIndex, layoutBuilderEngine._selectedCell.cellIndex); var stateRow = arStateIndexes["rowIndex"]; var nextCell = layoutBuilderEngine._getSelectedTableCellByStateIndexes(stateRow + 1, 0); var prevCell = layoutBuilderEngine._getSelectedTableCellByStateIndexes(stateRow - 1, 0); var newSelectedCell = nextCell || prevCell; if (newSelectedCell) { var editorSelection = this.get_editor().getSelection(); setTimeout(function () { try {//the DOM change is likely to cause errors after the fixes, hence the try-catch, the timeout is to let the DOM get changed before tampering with the selection if ($telerik.$(newSelectedCell).is(':visible')) {//for deleting footer cells editorSelection.selectElement(newSelectedCell); editorSelection.moveToElementText(newSelectedCell);//to properly move focus editorSelection.collapse(true); } } catch (ex) { } }); } } } </script> Considering the drawbacks of fixing IE code that is also inconsistent with other browsers, it is possible that the final fix will be to remove the function and have the same behavior as in other browsers.
We have telerik Radgrid on the pages in our application. When viewed in the windows phone 8 browser the horizontal touch scroll does not work. Moreover the color of the scrollbar is almost invisible. Requests anyone to please suggest how to overcome this issue. we tried providing a skin as "Balck Metro touch" and also tried enabling "embedded skins" but none of this works.
Error thrown:
Uncaught Sys.InvalidOperationException: Sys.InvalidOperationException: 'maxDate' is not a property or an existing field.
Setup for reproduction:
<asp:ScriptManager runat="server" ID="ScriptManager1"></asp:ScriptManager>
<telerik:RadDateRangePicker runat="server" ID="RadDateRangePicker1"
MinDate="2022-05-01" MaxDate="2022-05-01">
</telerik:RadDateRangePicker>
You will see that the text-indent inline styles are stripped down and the indentation is missing.
It is not possible to select a Toolbar item in RadFileExplorer on Enter press if the control is used in Lightweight render mode.
Steps to reproduce:
1. Open https://demos.telerik.com/aspnet-ajax/fileexplorer/examples/keyboardsupport/defaultcs.aspx
2. Press "Ctrl+f2" to focus RadFileExplorer
3. Press "Shift+1" to focus its toolbar
4. Use the Arrow keys to navigate between to Toolbar items
5. Press Enter over a button (e.g. Upload)
Result: The command is not triggered
Workaround: The issue is not reproducible in Classic render mode.
I've used the Telerik Themebuilder to create a css file for the grid and set up my application to use the theme. This is working however, there are many classes that are not being output by the themebuilder. For instance, the buttons on the pager don't work.