Why not develop a wrapper for the kendoui library like the ext.net libraries do with Sencha ext js?
An updated version of a sample application using the WIRIS editor plugin within the RadEditor. Ideally with the ability to save the content and retrieve it. http://www.wiris.com/plugins/docs/radeditor
http://demos.telerik.com/aspnet-ajax/editor/examples/contentareamodediv/defaultcs.aspx 1. Delete the content 2. Choose AutoResizeHeight from the Configurator Expected: The contentarea's height equals its wrapper
.NET provides a standard mechanism to resolve any needed assembly via the AssemblyResolve event (https://msdn.microsoft.com/en-us/library/system.appdomain.assemblyresolve(v=vs.110).aspx). Besides self-implementing this event there are tools (like SmartAssembly) which use this mechanism. We use this mechanism to make application deployment (including ASP.NET applications) as painless and easy as possible. With Telerik ASP.NET this does not work :-( Please provide some way/sample/API to make it possible to embed Telerik ASP.NET assemblies. Thanks in advance. Best Regards Yahia El-Qasem
For the time being you can use the following workaround: <telerik:RadPushButton CssClass="fa bcmbutton" ID="btnAnimate" runat="server" Text="Save & Stay" AutoPostBack="false"> <Icon PressedCssClass="fa-cog" HoveredCssClass="hovClass" CssClass="rbOk" /> </telerik:RadPushButton> Workaround: <script> Telerik.Web.UI.Button.IconsUI.prototype.mouseover = function (ev) { var that = this, iconData = that.options.iconData, priIconEl = that.getPrimaryIconElement(), secIconEl = that.getSecondaryIconElement(), hoveredCssClass = that.options.iconData.primaryHoveredCssClass; if (hoveredCssClass) { $telerik.$(priIconEl).addClass(hoveredCssClass); } that._setBackground(priIconEl, iconData.primaryHoveredIconUrl); that._setBackground(secIconEl, iconData.secondaryHoveredIconUrl); that.base.mouseover(ev); }, Telerik.Web.UI.Button.IconsUI.prototype.mouseout = function (ev) { var that = this, iconData = that.options.iconData, priIconEl = that.getPrimaryIconElement(), secIconEl = that.getSecondaryIconElement(), hoveredCssClass = that.options.iconData.primaryHoveredCssClass; if (hoveredCssClass) { $telerik.$(priIconEl).removeClass(hoveredCssClass); } that._setBackground(priIconEl, iconData.primaryIconUrl); that._setBackground(secIconEl, iconData.secondaryIconUrl); that.base.mouseout(ev); }, Telerik.Web.UI.Button.IconsUI.prototype.mousedown = function (ev) { var that = this, iconData = that.options.iconData, priIconEl = that.getPrimaryIconElement(), secIconEl = that.getSecondaryIconElement(), pressedCssClass = that.options.iconData.primaryPressedCssClass; if (pressedCssClass) { $telerik.$(priIconEl).addClass(pressedCssClass); } that._setBackground(priIconEl, iconData.primaryPressedIconUrl); that._setBackground(secIconEl, iconData.secondaryPressedIconUrl); that.base.mousedown(ev); }, Telerik.Web.UI.Button.IconsUI.prototype.mouseup = function (ev) { var that = this, iconData = that.options.iconData, priIconEl = that.getPrimaryIconElement(), secIconEl = that.getSecondaryIconElement(), isHovered = that.isMouseOverElement(that.element, ev), priIconUrl = isHovered && iconData.primaryHoveredIconUrl ? iconData.primaryHoveredIconUrl : iconData.primaryIconUrl, secIconUrl = isHovered && iconData.secondaryHoveredIconUrl ? iconData.secondaryHoveredIconUrl : iconData.secondaryIconUrl, pressedCssClass = that.options.iconData.primaryPressedCssClass; if (pressedCssClass) { $telerik.$(priIconEl).removeClass(pressedCssClass); } that._setBackground(priIconEl, priIconUrl); that._setBackground(secIconEl, secIconUrl); that.base.mouseup(ev); }; </script>
Steps to reproduce: 1. Insert a table 2. Select 2-3 cells 3. Press delete Actual: There is an nbsp between the cells
The Toolbar delete button is enabled only if the selected item's parent folder can be deleted, even if the file itself has delete permission. Steps to reproduce: 1. Openthe following demo, the delete permissions ase given to the root "images" folder (DeletePaths="~/FileExplorer/Examples/Overview/images") http://demos.telerik.com/aspnet-ajax/fileexplorer/examples/overview/defaultcs.aspx 2. Open the root folder from the tree (images) 3. Select an item from the grid Actual: The Delete button is not enabled Expected: The delete button is enabled, as the images folder is granted with delete permissions WORKAROUND: <telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" EnableCopy="True" EnableOpenFile="True" OnClientLoad="explorerLoad" Height="500px" Skin="Default" Configuration-MaxUploadFileSize="900000000"> <Configuration ViewPaths="~/Images_2" DeletePaths="~/Images_2" UploadPaths="~/Images_2" /> </telerik:RadFileExplorer> <script> function explorerLoad(fileExplorer, args) { fileExplorer._fileList.add_itemSelect(Function.createDelegate(fileExplorer, function (fileList, args) { fileExplorer._updateToolbar(null, null, args.get_item().get_permissions()); fileExplorer.raise_itemSelected(args.get_item()); })); } </script>
The issue can be workarounded by calling preventDefault of the mousedown event when ComboBox item is clicked: <telerik:RadScriptManager runat="server" /> <script> var onDocumentClick = Telerik.Web.UI.RadComboBox.prototype._onDocumentClick; Telerik.Web.UI.RadComboBox.prototype._onDocumentClick = function (e) { if (!e) e = event; var target = e.target || e.srcElement; while (target.nodeType !== 9) { if (!target.parentNode || target == this.get_element() || target == this.get_dropDownElement()) { e.preventDefault(); return; } target = target.parentNode; } onDocumentClick.call(this, e); }; </script> <telerik:RadComboBox ID="RadComboBox1" runat="server" RenderMode="Lightweight" OnClientBlur="OnClientBlur" CheckBoxes="true"> <Items> <telerik:RadComboBoxItem Text="Item1" Value="1" /> <telerik:RadComboBoxItem Text="Item2" Value="2" /> <telerik:RadComboBoxItem Text="Item3" Value="3" /> <telerik:RadComboBoxItem Text="Item4" Value="4" /> </Items> </telerik:RadComboBox> <script> function OnClientBlur(sender, args) { console.log("Blur event"); } </script>
At present, when IE is in Compatibility Mode the UI for ASP.NET AJAX controls use the Classic RenderMode in all cases because of the User Agent string the browser provides. If RenderMode="Lightweight" and the X-UA-Compatible meta tag with value "IE=edge" is present on the server, the controls will render in the Lightweight mode instead of falling back to Classic. This will also apply to RenderMode="Auto".
The Editor's Insert External Video does not insert the required allowfullscreen="allowfullscreen" attribute into the iframe tag. You can see this in your demos
There are missing methods in the TypeScript definitions provided. You can find attached a file that illustrates what needs to be updated.
I'd like to use several masks in order to accept many phone numbers format. The component must accept phone numbers with these separators : "-", "/", "|" and space between figures. Here are some example of format that i mean: 1- xx-xx-xx-xx-xx 2- xx - xx - xx - xx - xx 3- xx.xx.xx.xx.xx 4- xx/xx/xx/xx/xx 5- xx / xx / xx / xx 6- xx|xx|xx|xx|xx 7- xx | xx | xx | xx Evidently, the component needs to accept figures only. Most of the time, the phone numbers are inserted by a copy-pasted
http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx <table> <tbody> <tr> <td>test1</td> <td> <p>test2</p> </td> </tr> <tr> <td> </td> <td> </td> </tr> </tbody> </table> Expected: https://www.screencast.com/t/ttBoNadV Actual: https://www.screencast.com/t/0rovtQC8OW
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.
As of now RadEditor for SharePoint 2013 or sharepoint 2016 is not available, reason Telerik had provided for non-availablity of RadEditor for List Items as it is handled from client end is not acceptable, since many other component providers do support similar functions with their editors. the reason / use case iam looking for is becoz of need to handle clipboard manager in editor which is not available in Multiple line of text column type of an SharePoint 2013 list,
The Telerik Bootstrap skin looks like it is Bootstrap, but it is not. While it is easy to override a Bootstrap style to customize something, every time we do we end up on a support ticket to figure out how to make the same override in the skin. One common area this comes up is the form sizing. In Bootstrap, you can use a CSS class .form-group-sm to easily make the form controls smaller. (There are several other classes as well for controls and form groups.) The Telerik controls, like radCombobox or DatePicker do not honor this style, you need special Telerik CSS to get them to size. The Bootstrap skin should have CSS included in it that handles when the Bootstrap control size classes are used. That way when a Telerik control is placed in a div with .form-group-sm etc. it will automatically resize itself accordingly. ref: http://getbootstrap.com/css/#forms-control-sizes