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