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;
}
When the Zip Skin archive is modified and uploaded to the SkinsAssemblyBuilder, the page throws a server error.