Change Ribbonbar tabs of RadEditor toolbar on mouse hover

RELATED TO:

AUTHOR: rumen jekov

DATE POSTED: October 10, 2017


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>

More Resources

  • Forums

    Find answers to thousands of questions or reach out to our active community.

  • Demos

    Browse 1,200+ demos with source code covering basic and advanced scenarios.

  • Sample Applications

    Learn how to integrate the controls in real-world examples.

  • Feedback Portal

    Vote and follow the features you want to see added to Telerik UI for ASP.NET AJAX.

  • User Voice

    Get answers directly from the people who build the product.

  • Documentation

    Benefit from detailed help articles and API references for all controls.

  • Knowledge Base

    Learn how to achieve common scenarios from a multitude of tutorials and working examples.

  • Code Library

    Browse sample projects submitted by Telerik staff and community members.

  • Blog

    Stay up-to-date with the latest functionality, how-to articles and industry trends.

  • Release History

    Up-to-date release notes for all new features and improvements.