New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial
Empty Link error for Editor tools when validated with Wave
Environment
Product Version | 2019.3.917+ |
Product | RadEditor for ASP.NET AJAX |
Description
By default, the tools in the Lightweight RenderMode are rendered as <a>
tags with no text but with font-icons or images.
ASP.NET
<telerik:RadEditor RenderMode="Lightweight" EnableAriaSupport="true"
runat="server" ID="RadEditor1" AccessKey="1" >
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="Bold" />
<telerik:EditorTool Name="Italic" />
<telerik:EditorTool Name="CustomTool" />
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>
Solutions
Solution 1: Set the ShowText property of the tools to True
ASP.NET
<telerik:RadEditor RenderMode="Lightweight" EnableAriaSupport="true"
runat="server" ID="RadEditor1" AccessKey="1" >
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="Bold" ShowText="true" />
<telerik:EditorTool Name="Italic" ShowText="true" />
<telerik:EditorTool Name="CustomTool" ShowText="true" />
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>
This solution will show the name of the Tools:
In order to persist the previous appearance, you can use the second solution:
Solution 2: To Use the OnClientLoad event to add the title of the tool as a text of the element:
ASP.NET
<script>
function OnClientLoad(sender, args) {
$telerik.$(sender.get_element()).find(".reToolBarWrapper a.reTool").each(function (ind, item) {
if (!item.text) {
$telerik.$(item).append("<span style='display:none'>" + item.title + " </span>");
}
})
}
</script>
<telerik:RadEditor OnClientLoad="OnClientLoad" RenderMode="Lightweight" EnableAriaSupport="true"
runat="server" ID="RadEditor1" AccessKey="1" >
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="Bold" />
<telerik:EditorTool Name="Italic" />
<telerik:EditorTool Name="CustomTool" />
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>