This leads to possibility for the end-user to press the button before selecting the content area and accept/reject tracked content. This can be resolved via some custom code that disables the tools on initial load. For example: <telerik:RadEditor runat="server" ID="RadEditor1" OnClientLoad="OnClientLoad" EnableTrackChanges="true" TrackChangesSettings-CanAcceptTrackChanges="false"> <Tools> <telerik:EditorToolGroup> <telerik:EditorTool Name="AcceptTrackChange" Text="Accept Track Change" /> <telerik:EditorTool Name="RejectTrackChange" Text="Reject Track Change" /> <telerik:EditorTool Name="AcceptAllTrackChanges" Text="Accept All Track Changes" /> <telerik:EditorTool Name="RejectAllTrackChanges" Text="Reject All Track Changes" /> <telerik:EditorTool Name="EnableTrackChangesOverride" Text="Enable Track Changes Override" /> </telerik:EditorToolGroup> </Tools> </telerik:RadEditor> <script type="text/javascript"> function OnClientLoad(sender, args) { var editor = sender; var toolNamesToDisable = ["AcceptTrackChange", "RejectTrackChange", "AcceptAllTrackChanges", "RejectAllTrackChanges"]; var canAcceptChanges = editor.get_canAcceptTrackChanges(); if (!canAcceptChanges) { for (var i = 0; i < toolNamesToDisable.length; i++) { var toolName = toolNamesToDisable[i]; editor.getToolByName(toolName) .setState(Telerik.Web.UI.Editor.CommandStates.Disabled) } } } </script>
I have 2 ideas for teleriks control future, i will love to have a 3D graphics in charts for AJAX ASP.NET controls, the infragistics control have some interesting thinks on this ways. my second idea will be a control that can be used to migrate information for excel to a database in our aplications as you can do in the SQL Integration Services.
The grid adds the correct Aria-Selected attribute, but JAWS does not work
The issue is reproducible when an is added in from of the white space, when adding a subsequent white space after a word. The caret is repositioned at the start of the next tag, if such does not exists, it goes to the end of the line.
A sample project for reproducing the issue is attached: Each of the pages in the ContentUrl properties has an alert("PageName") displayed at pageLoad. 1, Brows the Default.aspx - an alert - page1 occurs 2. Select Level 2 tab, which would load the subTab - Page4 and the "page4" alert should be shown. Problem : In addition to the "page4" alert - the "page5" alert is raised and the page5.aspx had been loaded along with page4.aspx. ---------------------------------- Workaround: To workaround this issue, set the PageViewID property of the parent tab to be with the same value as the PageViewID property on the selected child tab. <telerik:RadTabStrip runat="server" ID="RadTabStrip1" MultiPageID="rmpPages" Width="100%"> <Tabs> <telerik:RadTab Text="Level 1" Selected="true" PageViewID="page1"> <Tabs> <telerik:RadTab Text="Page 1" PageViewID="page1" Selected="true" /> <telerik:RadTab Text="Page 2" PageViewID="page2" /> <telerik:RadTab Text="Page 3" PageViewID="page3" /> </Tabs> </telerik:RadTab> <telerik:RadTab Text="Level 2" PageViewID="page4"> <Tabs> <telerik:RadTab Text="Page 4" PageViewID="page4" Selected="true" /> <telerik:RadTab Text="Page 5" PageViewID="page5" /> <telerik:RadTab Text="Page 6" PageViewID="page6" /> </Tabs> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <telerik:RadMultiPage runat="server" ID="rmpPages"> <telerik:RadPageView runat="server" ID="page1" ContentUrl="page1.aspx" Selected="true" /> <telerik:RadPageView runat="server" ID="page2" ContentUrl="page2.aspx" /> <telerik:RadPageView runat="server" ID="page3" ContentUrl="page3.aspx" /> <telerik:RadPageView runat="server" ID="page4" ContentUrl="page4.aspx" /> <telerik:RadPageView runat="server" ID="page5" ContentUrl="page5.aspx" /> <telerik:RadPageView runat="server" ID="page6" ContentUrl="page6.aspx" /> </telerik:RadMultiPage>
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>
When user clicks on e.g., bold text, comment, link, etc. the UI of RadEditor is not updated Possible workaround is using the Window's Show event to attach a handler, that re-attaches the mouseup event of RadEditor with setTimeout: <telerik:RadWindowManager runat="server" ID="RadWindowManager1"> <Windows> <telerik:RadWindow runat="server" ID="RadWindow1" VisibleOnPageLoad="true" Width="800px" Height="500px" OnClientShow="OnClientShow"> <ContentTemplate> <telerik:RadEditor ID="theEditor" runat="server" Width="100%" Height="100%" EnableComments="true"> <TrackChangesSettings Author="RadEditorUser" UserCssId="reU1"></TrackChangesSettings> <Content> <h2 class="titleText">RadEditor for ASP.NET AJAX</h2> <p style="text-align: justify;"><span style="font-size: 19px; color: #4f6128;"><strong>RadEditor</strong></span> is not simply an <strong> <span class="reComment reU1" author="RadEditorUser" comment="comment 1" title="RadEditorUser: comment 1: 6/12/2015, 11:27:35 AM" timestamp="1434097655291">HTML</span></strong> Editor. <a href="http://www.telerik.com/products/aspnet-ajax/sharepoint.aspx">Link</a>.</p> </Content> </telerik:RadEditor> </ContentTemplate> </telerik:RadWindow> </Windows> </telerik:RadWindowManager> <script type="text/javascript"> function OnClientShow(sender, args) { var editor = $find("<%= theEditor.ClientID %>"); window.setTimeout(function () { editor.attachInternalHandler("mouseup", function () { editor.raiseEvent("selectionChange"); }); }, 0); } </script>
The issue is reproducible with RadAlert, RadConfirm and RadPrompt dialogs without setting Behavior Move and DestroyOnClose="true"
Workaround: Toggle the fullscreen mode of the editor by adding the "editor.toggleScreenMode()" method two times at the end of the following callback, located in this JavaScript file ("C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\wpresources\RadEditorSharePoint\7.6.1.0__1f131a624888eeed\Resources\SPEditorTools.js") configObj.ReturnCallback = function (url, text, config, newAsset) { elemLink.href = assetPickerValue.value; document.body.removeChild(assetPickerValue); if (inserting && url) { var images = elemLink.getElementsByTagName("img"); var textContent = elemLink.innerText != null ? elemLink.innerText : elemLink.textContent; if (textContent === "" && (!images || !images.length)) { if (linkContent.match(/</)) { Telerik.Web.UI.Editor.Utils.setElementInnerHtml(elemLink, linkContent); } else { var textNode = elemLink.ownerDocument.createTextNode(linkContent || text); elemLink.appendChild(textNode); } } if (editorSelection) editorSelection.selectRange(currentRange); editor.pasteHyperLink(elemLink, "InsertLink"); //WORKAROUND: if (editor.isFullScreen() == true) { editor.toggleScreenMode(); editor.toggleScreenMode(); } } };
Possible BreadCrumb integration with RadMenu and Orgchart: http://demos.telerik.com/aspnet-ajax/menu/examples/programming/showpath/defaultcs.aspx http://demos.telerik.com/aspnet-ajax/orgchart/examples/applicationscenarios/drilldownwithbreadcrumb/defaultcs.aspx
When localizing RadSpell to e.g., German, buttons' text is longer than expected and overflows outside the button. To fix the issue you can use an external dialog css file like in this code snippet: ASP.NET -------------------------------------------------------------------------------------- <asp:TextBox ID="textBox2" runat="server" width="100%" Height="100px" TextMode="MultiLine">Dies ist eine Textbox mit ainigen absichtlichen fehlern.</asp:TextBox> <br /> <telerik:RadSpell ID="spell2" runat="server" ControlToCheck="textBox2" Language="de-DE" DictionaryLanguage="de-DE" SpellCheckProvider="EditDistanceProvider" Skin="Silk" DialogsCssFile="spell-dialog-css.css"></telerik:RadSpell> CSS -------------------------------------------------------------------------------------- button { overflow: hidden; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }