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>
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>
It is design limitation. The format is not not applied because the context menu is single for all columns, but each column can have different format. The DateInput inside the filter menu can not have multiple formats at the same time.
A rad calculator picker for asp.net textboxes similar to what you have in Silverlight.
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.
GridDragDropColumn cannot be dragged when added to a dynamically created Grid. The issue can be reproduced with the following code: override protected void OnInit(EventArgs e) { RadGrid gr = new RadGrid(); gr.ID = "testGrid"; gr.AutoGenerateColumns = false; gr.NeedDataSource += gr_NeedDataSource; GridDragDropColumn columnDrag = new Telerik.Web.UI.GridDragDropColumn(); columnDrag.HeaderStyle.Width = Unit.Pixel(40); columnDrag.HeaderText = "Drag"; fileExplorer.Grid.Columns.Add(columnDrag); //gr.MasterTableView.Columns.Add(columnDrag); gr.ClientSettings.AllowRowsDragDrop = true; gr.ClientSettings.Selecting.AllowRowSelect = true; Page.Controls.Add(gr); }
Despite the fact that keyboard support is not supported with RadEditor, JavaScript error should not be thrown in such a situation. You can workaround this by following this example code to override the method related to the error: <telerik:RadEditor ID="RadEditor1" runat="server" EnableAriaSupport="true"> </telerik:RadEditor> <script type="text/javascript"> Telerik.Web.UI.EditorDropDown.prototype.hide = function () { if (this._popupBehavior) this._popupBehavior.hide(); this._popupVisible = false; //Notify controller that tooltip was hidden this._getPopupVisibilityController().notifyPopupClosed(this); //Notify listeners for the dropdown being hidden this.raiseEvent("hide"); if (this._popupBehavior && this.get_enableAriaSupport()) this._popupElement.setAttribute("aria-hidden", "true"); }; </script>
The issue is due to failing recalculation logic of the iframe content area. To resolve the issue you can use a RadEditor control with ContentAreaMode="Div" to render the content area as a DIV element, instead iframe. If the iframe mode is needed, you can use the following workaround to fix the content cell and the iframe appearance. <telerik:RadEditor ID="RadEditor1" runat="server" height="50px" OnClientLoad="OnClientLoad"> <Tools> <telerik:EditorToolGroup> <telerik:EditorTool Name="Bold" /> <telerik:EditorTool Name="Italic" /> <telerik:EditorTool Name="Underline" /> </telerik:EditorToolGroup> </Tools> </telerik:RadEditor> <script type="text/javascript"> function OnClientLoad(editor, args) { setTimeout(function () { var editorIframe = editor.get_contentAreaElement(), originalIframeHeight = editorIframe.offsetHeight, contentCell = editorIframe.parentNode, cellSize = contentCell.offsetHeight, isCellSmaller = (originalIframeHeight - cellSize) > 2; if (isCellSmaller) { contentCell.style.height = originalIframeHeight + "px"; } }, 0); } </script>
Creating a lists with sub list, navigating to a parent list item and trying to add an sibling list item will cause the list to break.
When a dropdown element is decorated, dragging of items causes incorrect selection. The problem is due to browser behavior of the click event. When performing a dragging like action on plain list items the event target is the UL element instead the LI. The following resolution will work only for dropdowns without multiple selection: <telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="All" DecorationZoneID="decorationZone" Skin="Silk"></telerik:RadFormDecorator> <div id="decorationZone"> <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="false" Width="135px" TabIndex="3"> <asp:ListItem Text="Comedy" Value="1"></asp:ListItem> <asp:ListItem Text="Drama" Value="2"></asp:ListItem> <asp:ListItem Text="Romance" Value="3"></asp:ListItem> <asp:ListItem Text="Religious" Value="4"></asp:ListItem> <asp:ListItem Text="Fantasy" Value="5"></asp:ListItem> <asp:ListItem Text="Mystery" Value="6"></asp:ListItem> <asp:ListItem Text="Science fiction" Value="7"></asp:ListItem> </asp:DropDownList> </div> <script type="text/javascript"> Telerik.Web.UI.RadFormDecorator.prototype.decorateSelects = function (rootElement) { var selects = rootElement.getElementsByTagName("select"); if (selects.length == 0 && rootElement.tagName && rootElement.tagName.toLowerCase() == "select") selects = [rootElement]; for (var i = 0; i < selects.length; i++) { this.decorateSelect(selects[i]); } if (selects.length > 0) { if (!this._selectBodyClickDelegate) { this._selectBodyClickDelegate = Function.createDelegate(this, this._selectBodyClickHandler); if ($telerik.isTouchDevice) { this._ensureThisDelegate("_selectScrollingDelegate", this._selectScrollingHandler); $telerik.addHandler(document, "touchmove", this._selectScrollingDelegate); } $telerik.addHandler(document, ($telerik.isTouchDevice ? "touchend" : "mousedown"), this._selectBodyClickDelegate); } } }; </script>
You can't compress something that is already compressed. Any further compression applied will increase size because of adding headers and hashes and the data will stay the same.
as you know we purchased DevCraft Complete and it is really hard to download everything file by file. I really wish if you have one magic button which when i click it it will download the entire files for all DevCraft Complete updates for ajax, kendu, reporting etc