Currently the lightweight rendering of RibbonBar used in RadEditor with lightweight rendering leads to visual issues.
When trying to align selected text in a table, not all cells are being aligned correctly under IE and Chrome. In Firefox only one table cell is being applied with the chosen modification and not the selected text. Under IE and Chrome, when a table row element is in the selection, the child td elements are not processed by the Align command. Under FF when the table text is selected, the selected element is only the first TD element. The problem under IE and Chrome could be resolved using the following override of the executeOnNode(): <telerik:RadEditor runat="server" ID="RadEditor1"> </telerik:RadEditor> <script type="text/javascript"> Telerik.Web.UI.Editor.AlignCommand.prototype.executeOnNode = function (node) { var utils = Telerik.Web.UI.Editor.Utils; if (utils.isTag(node, "table")) return;//prevent alignment of tables since this has no effect in browsers. if (utils.isTag(node, "tr")) { var nodes = node.childNodes; var nodeArr = []; for (var i = 0; i < nodes.length; i++) { nodeArr.push(nodes[i]); } while (nodeArr.length) { var childNode = nodeArr.shift(); if (this.isSuitableNode(childNode)) this.executeOnNode(childNode); else this.executeInlineNode(childNode); } return; } if (utils.isTag(node, "ul") || utils.isTag(node, "ol")) return this.executeDomCommand($.makeArray(node.children)); if (utils.isTag(node, "img")) { if (this.nodes.length == 0 && this.canAlignImage()) { if (this.options.align == "none") this.alignBlock(this.getBlockContainer(node)); return this.alignImage(node); } else { this.removeImageAlign(node); var imageContainer = this.getBlockContainer(node); if (imageContainer != node) this.executeOnNode(imageContainer); else return this.executeInlineNode(node); } } this.alignBlock(node); }; </script>
Creating a large page with RadEditor control and opening the mentioned dialog will scroll the page to the top. This causes the user to loose visual contact with the Editor. The issue is due to the automatic textarea focusing in the clientInit() method of the dialog's logic. To resolve the issue you should modify the dialog and remove the focusing functionality. To do so follow the next steps: 1. Follow the Custom Built-in dialogs approach (http://demos.telerik.com/aspnet-ajax/editor/examples/externaldialogspath/defaultcs.aspx) to use an external and later modified Plain Paste Dialog - the MozillaPasteTextDialog.ascx; 2. Find the clientInit() method trough the client-side logic of the MozillaPasteTextDialog.ascx file; 3. Remove the this._container.focus() line. You can also find attached a sample page with the fix placed, so that you can examine it.
This happens after the first postback. Initially it works correct, but after postback, if you select part of the entered text, and start typing, the caret begins to the begining, and the newly typed char goes at first position.
Please add "bootstrap" to drop down list of available skins to base a NEW skin on from style builder. I wish to make some color changes (blue to red) but require all the css and image files. Thanks.
Steps to reproduce: 1) Create a vertical RadMenu with one item only 2) Hover the item Result: slight displacement
For the time being you can use the following workaround: CSS: <style> .RadForm_Bootstrap.RadForm.rfdButton form a.rfdSkinnedButton { padding: 0px; height: 32px; } .RadForm_Bootstrap.RadForm.rfdButton form a.rfdSkinnedButton input.rfdDecorated { height: 32px; } </style> ASPX: <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager> <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Bootstrap" ShowChooser="true"></telerik:RadSkinManager> <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" /> <asp:Button ID="Button1" Text="Click" runat="server" />
I would like to see a new control, a Submit button, that when added to a web form would act not only as a Submit button but also have the functionality to provide a warning message with options when the user attempts to exit a form on which changes have been made yet not saved, activated by the windows beforeunload event. When adding the new Submit button to a form options/properties would be available to the developer to select all or specific controls on the form to check for changes. The developer would also have the option of providing the warning message to be displayed as well as being able to title the buttons of the warning message as appropriate, i.e. "Leave without Saving Changes", "Stay on Page and Save Changes". If the user presses this "Submit" button all the "data changed" flags would be cleared and the beforeunload event will be cleared allowing for redirection or further processing. Since we as developers want to provide the best possible experience for our web users, this type of control would be invaluable in making the user experience easier and less frustrating. In addition it would save many hours of coding by encapsulating this type functionality in a single control that can be inserted in place of the standard Submit button making it easier and more convenient for a developer to provide professional data forms to users tailored to the specific type of data gathering that the form is being designed for. I know that there are many jquery/javascript functions that perform similar functionality, but it would be so much more convenient if a Telerik control existed that would perform these functions.