Hello, In one of the pages in our website, we have a RadGrid that uses client-side binding. Above the grid, there's an "Apply Best Fit" button that executes the following JavaScript: ... ... applyBestFit: function(tableView) { var columns = tableView.get_columns(); for (var i = 0; i < columns.length; i++) columns[i].resizeToFit(false, true); } ... ... In IE, it runs VERY slowly when there's 5,000 grid rows. I found this post: "http://www.telerik.com/forums/radgrid-with-resizetofit-javascript-issue" and read the recommended link: "http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/performance/grid-performance-optimizations" I understand that resizeToFit( ) is slow under IE. I would like to propose that you add a new "MaxRowsToEvaluate" (or similar) parameter to resizeToFit( ) that can be used to control how many grid rows are evaluated when determining the widest size of a column. With this new parameter, I could pass a value of 25, for example, and know that only up to 25 grid rows will be used in calculating the widest size of a column. That would speed things up a lot I think. Using this approach, the resizing would not be perfect, because a cell in the column beyond the "MaxRowsToEvaluate" number of rows may contain a value that's really long, but at least it wouldn't make the browser look like it's hung. Thanks
http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx 1. Insert the following html: <div style="float: left;"> <img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" /> </div> 2. Click the image and update it via ImageManager Expected: <div style="float: left;"> <img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/upload_100.png" /> </div> Actual: <div style="float: left;"> </div> <img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/upload_100.png" />
Workaround: ControlsToSkip="TextArea" Steps to reproduce: <telerik:RadFormDecorator RenderMode="Lightweight" runat="server" EnableRoundedCorners="true" DecoratedControls="All" /> <telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight" AutoResizeHeight="true"> <Content> a<br/>a<br/>a<br/>a<br/> </Content> </telerik:RadEditor> 1. Set this content to a page 2. Toggle Preview mode Actual behavior: TextArea remain visible on the page as its styles get overriden Expected: TextArea is hidden
http://demos.telerik.com/aspnet-ajax/editor/examples/trackchanges/defaultcs.aspx Select all Try to change the selection Actual: Selection is not changed Expected: Selection is changed
Steps to reproduce: Insert a SELECT element containing some OPTION, select it and open InsertSelect dialog. Expected: The SELECT to be loaded to the dialog and edited after closing it. Actual: The SELECT is not loaded and a new SELECT has been inserted when closing the dialog. Workaround: <telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight"> <Tools> <telerik:EditorToolGroup> <telerik:EditorTool Name="InsertFormSelect"></telerik:EditorTool> </telerik:EditorToolGroup> </Tools> <Content> <p>Test</p> </Content> </telerik:RadEditor> <script type="text/javascript"> var editorPrototype = Telerik.Web.UI.RadEditor.prototype; var getSelectedElement = editorPrototype.getSelectedElement; editorPrototype.getSelectedElement = function (range) { var selected = getSelectedElement.call(this, range); return selected && selected.nodeName == "OPTION" ? selected.parentNode : selected; }; </script>
Steps to reproduce: 1. Open the demo page http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx 2. Switch to the 'HTML' mode of the RTE and replace all existing HTML content with the following HTML snippet: <div>text</div> 3. Switch to the 'Design' mode of the RTE and click once on the 'text' word; 4. Switch keyboard language to Japanese and select 'Hiragana' input type. Place focus on the 'text'; 5. Type the 'a' and 'e' characters; Expected result: The 'あえ' characters are typed. Actual result: Just 'え' character is typed. The 'あ' character is replaced by the 'え'. Note: The first character disappears. You may need to try several times to reproduce the issue. The issue is reproducible in Chrome (Version 54.0.2840.99 m). The issue is not reproducible in Firefox and IE11. Screencast reproduction: http://screencast.com/t/Lj6plU0di99 Workaround: <telerik:RadEditor ID="RadEditor1" runat="server"> <Content><p>test</p></Content> </telerik:RadEditor> <script> var editorPrototype = Telerik.Web.UI.RadEditor.prototype; var onKeyDown = editorPrototype._onKeyDown; editorPrototype._onKeyDown = function (e) { if (e.composed) { this._pendingTextTypeCmd = {}; } onKeyDown.call(this, e); if (e.composed) { delete this._pendingTextTypeCmd; } }; </script>
RadCheckBox is not firing the event for CheckedChanged the first time it is checked. If you simply replace the RadCheckBox with a standard asp CheckBox all works as it should and the event is fired with the first click.
The correct format should be ISO 8601: ([CreateDate] >= '2013-06-22T00.00.00') AND ([CreateDate] <= '2013-06-22T23.59.59' Workaround: https://www.telerik.com/support/kb/aspnet-ajax/grid/details/get-sql-compliant-filterexpressions-from-radgrid
Changing the render mode of the Editor Dynamically on the server-side leads to a JavaScript error: Uncaught TypeError: Cannot read property 'render' of null at Telerik.Web.UI.Editor.Modules.RadEditorNodeInspector.render The issue is introduced in 2016 R3. Steps to reproduce: Run the following configuration: <telerik:RadEditor ID="RadEditor1" runat="server"></telerik:RadEditor> CS: protected void Page_Load(object sender, EventArgs e) { RadEditor1.RenderMode = Telerik.Web.UI.RenderMode.Mobile; }
I have attached an image which shows the required filter output. Left panel had filters and on right data is displayed. Do you guys have any tool which can give the required output. Rather me using multiple controls to achieve the required functionality.
The RadFormDecorator decorated checkboxes in the Grid are hard to read when checked in the following skins: BlackMetroTouch, Bootstrap, Glow, Metro, MetroTouch, Office2010Black, Telerik, WebBlue Screenshot with Telerik Skin: https://www.screencast.com/t/1P2hyvWNX Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/formdecorator/examples/formdecoratorandtelerikcontrols/defaultcs.aspx?skin=Telerik 2. Scroll to the Grid 3. Select one or all checkboxes Result: The selected color of the checkbox almost matches the background color
Hi, Most of the telerik ASP.NET control examples while looking *really beautiful* are also hard to read / understand for beginning programmers like me :) Why not add a truly minimalistic example per control that *only* shows the core functionality for each control? grtz, Theo
Affects RadCloudUpload and RadAsyncUpload combined with RadProgressArea. Manifests most often on slow networks or very large files. Scroll down for workarounds for both cases. NOTE: RadCloudUpload issue is logged separately - https://feedback.telerik.com/Project/108/Feedback/Details/258958-cloudupload-progress-shows-more-than-100-when-uploading-a-file WORKAROUND FOR PROGRESS AREA is to round down the data, as it seems the server reports more bytes uploaded than they actually are, and that tends to happen under slow network conditions <telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="RadAsyncUpload1" MultipleFileSelection="Automatic" EnableInlineProgress="false" /> <telerik:RadProgressManager runat="server" ID="RadProgressManager1" /> <telerik:RadProgressArea RenderMode="Lightweight" runat="server" ID="RadProgressArea1" OnClientProgressUpdating="OnClientProgressUpdating" /> <script> function OnClientProgressUpdating(sender, args) { //debugger if (args._progressData.PrimaryPercent > 100) { args._progressData.PrimaryPercent = 100; } if (args._progressData.PrimaryValue > args._progressData.PrimaryTotal) { args._progressData.PrimaryValue = args._progressData.PrimaryTotal; } console.log(args.get_progressData()); } </script> WORKAROUND FOR CLOUD UPLOAD is to add the following script at the end of the form that will override the built-in XHR handilng to change the way the totals are calculated: <script> Telerik.Web.UI.RadCloudUpload.HandlerUploader.prototype._initializeXmlHttpRequest = function () { this._xhr = new XMLHttpRequest(); var that = this, module = this._module, xhr = this._xhr; xhr.onreadystatechange = function readyStateChanged() { if (xhr.readyState == 4) { if (xhr.status == 200) { that._successfulResponseStatus(xhr); } else if (xhr.status != 0) { that._failedResponseStatus(xhr); } } }; xhr.upload.onprogress = function (event) { that._uploadedSize += event.loaded; var percents = Math.round((event.loaded / event.total) * 100) + "%"; module._renderingManager.updateRowProgress(that._uploadingEntity.row, percents, true); }; } </script>
I am attaching 2 pictures to show what's happening in version 2017.2.621. In the newer release I have to set the font & size specifically or the text is larger that the box. It was not this way on previous releases. Here is the code I am using to get it to display properly. However, it did work (as in picture 1) with out the specific font items before. <telerik:RadComboBox ID="RCB1" runat="server" DataSourceID="SqlDataState" DataTextField="abbreviation" DataValueField="abbreviation" Height="200" MarkFirstMatch="true" Skin="Office2010Blue" Font-Names="Open Sans" Font-Size=".73em" ForeColor="#64758F" onFocus="this.select()" Width="150px" EmptyMessage="Choose State..."> </telerik:RadComboBox>
Workaround: .RadListBox .rlbEmptyMessage { font-style: italic; text-align: center; filter: alpha(opacity=80); opacity: .8; position: absolute; }
https://www.screencast.com/t/UgqUZbqenpj5