RadHtmlChart does not cache the correct size when placed inside initially hidden iframe. Workaround: function redrawChart() { kendo.drawing.util.TextMetrics.current._cache = new kendo.drawing.util.LRUCache(1000); $find("<%=RadHtmlChart1.ClientID%>").get_kendoWidget().redraw(); }
The dragging clue element is shown before the actual dragging of the element in the Grid is initiated (immediately after the item is clicked). The problem is reproducible in Chrome. Comment: The problem is not reproducible in the following TreeView demo: http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/draganddropnodes/defaultcs.aspx Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/rows/drag-and-drop/defaultcs.aspx 2. Click over an item (just mouse-down, without moving the mouse nor full click) Result: The dragging clue is shown without actual moving of the mouse pointer
The error is "Wrong Document". The dialog creates the table from different document instead of the document of the RadEditor's content area. Here is the workaround: <script type="text/javascript"> Telerik.Web.UI.InsertTableLight.prototype.getModifiedTable = function(tableToModify){ var rowCount = parseInt(this._rowsCount.value, 10); var colCount = parseInt(this._colsCount.value, 10); if (!tableToModify && !(isNaN(rowCount) || isNaN(colCount))) { tableToModify = this._editor.get_document().createElement("table"); this._originalRowsCount = 0; this._originalColsCount = 0; } if (!tableToModify) return; var originalRowsCount = this._originalRowsCount; var originalColsCount = this._originalColsCount; if (rowCount > 0 && rowCount != originalRowsCount) { rowCount > originalRowsCount ? this.addRowsCols(tableToModify, originalRowsCount, rowCount, true) : this.removeRowsCols(tableToModify, originalRowsCount, rowCount, true); } if (colCount > 0 && colCount != originalColsCount) { colCount > originalColsCount ? this.addRowsCols(tableToModify, originalColsCount, colCount, false) : this.removeRowsCols(tableToModify, originalColsCount, colCount, false); } this._setAttribValue(tableToModify, "align", this._alignmentSelectorTable.getAlign()); var oSpacing = parseInt(this._cellSpacing.value, 10); if (!isNaN(parseInt(oSpacing, 10))) this._setAttribValue(tableToModify, "cellSpacing", oSpacing >= 0 ? oSpacing : "", (oSpacing >= 0)); var oPadding = parseInt(this._cellPadding.value, 10); if (!isNaN(parseInt(oPadding, 10))) this._setAttribValue(tableToModify, "cellPadding", oPadding >= 0 ? oPadding : "", (oPadding >= 0)); var oBorderWidth = parseInt(this._borderWidth.value, 10); if (!isNaN(parseInt(oBorderWidth, 10))) this._setAttribValue(tableToModify, "border", oBorderWidth >= 0 ? oBorderWidth : "", (oBorderWidth >= 0)); return tableToModify; } </script>
A rad calculator picker for asp.net textboxes similar to what you have in Silverlight.
Hi, It would be so usefull a template or tool like codesmith or ironspeed to generate database-driven applications or at least a set of pages for CRUD operations where I can list the registers of each table/entity and edit it contents and Its relatives. Thanks Ángel.
Hi, It would be so usefull a template or tool like codesmith or ironspeed to generate database-driven applications or at least a set of pages for CRUD operations where I can list the registers of each table/entity and edit it contents and Its relatives. Thanks Ángel.
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" />
Workaround: <telerik:RadEditor ID="radEditor1" runat="server" EnableTrackChanges="true" TrackChangesSettings-CanAcceptTrackChanges="true"> <Content> <table> <tbody> <tr> <td>test</td> <td>test</td> </tr> </tbody> </table> <p>test paragraph</p> </Content> </telerik:RadEditor> <script type="text/javascript"> (function ($T) { var prototype = $T.Editor.DefaultToolAdapter.prototype; var onContextMenu = prototype.onContextMenu; prototype.onContextMenu = function (e) { var editor = this.get_editor(); if (!editor.get_enableTrackChanges()) { return onContextMenu.call(this, e); } if (!this._contextMenusEnabled || editor.get_mode() != $T.EditModes.Design) { return; } this.createContextMenus(); var element = editor.getSelectedElement() || e.srcElement; var contextMenus = this._contextMenus; var contextElement = $T.Editor.Utils.getElementParentByCondition(element, function (node) { return !!contextMenus[node.nodeName]; }); var contextMenuId = contextElement ? contextElement.nodeName : "*"; var parentTrackChangeEl = $T.Editor.TrackChangesUtils.findTrackChangesParentElement(element); if (parentTrackChangeEl) { if (parentTrackChangeEl.Type == $T.Editor.TrackChangesElementType.Comment) contextMenu = this.createContextMenuWithTrackChangeCommentItems(contextMenuId); else contextMenu = this.createContextMenuWithTrackChangeItems(contextMenuId); } else { contextMenu = this.createContextMenuWithTrackChangeDefaultItems(contextMenuId) || contextMenus[contextMenuId]; } if (contextMenu) { contextMenu.set_eventObject(e); contextMenu.show(); } return $telerik.cancelRawEvent(e); }; })(Telerik.Web.UI) </script>
Cursor is placed in the next available element (e.g., <p>) instead of being placed right after the tab space in the same paragraph. Possible workaround is to implement a custom command to be triggered with tab key press: <telerik:RadEditor runat="server" ID="RadEditor1" OnClientLoad="OnClientLoad"> </telerik:RadEditor> <script> Telerik.Web.UI.Editor.CommandList["MyInsertTab"] = function (commandName, editor, oTool) { var utils = Telerik.Web.UI.Editor.Utils; var selecedElm = editor.getSelectedElement(); var blockElm = utils.isBlockElement(selecedElm) ? selecedElm : utils.getBlockParent(selecedElm); var executeDefaultCommand = utils.isList(blockElm) || utils.isTag(blockElm, "LI") || utils.isTag(blockElm, "TD") || utils.isTag(blockElm, "TH"); if (executeDefaultCommand) { editor.fire("InsertTab"); } else { editor.pasteHtml("<span> </span>​", commandName); } }; function OnClientLoad(editor, args) { var shortcutManager = editor.get_shortCutManager(); // Removing the InsertTabMozilla shortcut will // assure that in Firefox the behavior will be consistent with IE. shortcutManager.removeShortCut("InsertTabMozilla"); editor.addShortCut("MyInsertTab", "TAB"); } </script>
The issue is caused by a bug in the KB3057839 windows update. The bug has been reported to Microsoft and can be tracked at the following link: https://connect.microsoft.com/VisualStudio/feedback/details/1475291 Currently the only workaround is to revert the KB3057839 update on the production server.
Enabling Fluid behavior of RadEditor (Width="100%") causes the tools not to collapse with a smaller view-port. Also, there are some further visual glitches with the toolbar. Solution 1: Add a CSS rule to expand the height of the tool-groups automatically. .<SkinName>.reToolbar { height:auto !important; } Solution 2: Enable Lightweight rendering (or Auto). <telerik:RadEditor ID="RadEditor1" Skin="Silk" RenderMode="Lightweight" runat="server" Width="100%" > </telerik:RadEditor>
Please create high contrast theme for people with disabilities. The best colors are yellow and black and there should be two combinations: yellow on black and black on yellow. Please look at attachements for very good example.
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.
Would be nice to have a single sign on control (eg like http://www.gigya.com/) What this means is that you can sign on/sign up with any social login. Would like this to work well with ajax controls and KendoUI This sign on is megga important on mobile, but good for conversions on standard laptop or HD websites.
When end-user changes the font-name and size of a single word in the content, pressing spacebar resets the formatting to its default state. Steps to reproduce: 1. Go to http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx; 2. Remove all content and add a simple sentence, e.g., "some text"; 3. Highlight "text"; 4. Change font-name and size; 5. Put the cursor right after "text" 6. Press spacebar (add white space) 7. Type another word.
Currently the lightweight rendering of RibbonBar used in RadEditor with lightweight rendering leads to visual issues.