New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Change Ribbonbar tabs of RadEditor toolbar on mouse hover

How-To

Change Ribbonbar tabs of RadEditor toolbar on mouse hover

Solution

The current behavior is that the groups of tools under each tab are displayed after a click on the tab. This default behavior could be customized to happen when hovered on a tab with the mouse (onmouseover) with the following code:

<script>
    function OnClientLoad(editor, args) {     
        $telerik.$(editor.get_element()).find(".rrbTabs").on("mouseover", ".rrbItem", function (e) { e.target.parentElement.click(); });
    }
</script>
<telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight" ToolbarMode="RibbonBar" OnClientLoad="OnClientLoad"></telerik:RadEditor>
In this article