Completed
Last Updated: 29 Jan 2019 11:22 by ADMIN
Arvind
Created on: 07 Jan 2019 10:42
Category: Editor
Type: Bug Report
1
In Ribbonbar mode when a splitbutton is expanded and one clicks on a standard dropdown then splitbutton dropdown remains expanded and vice versa
Inconsistent Behavior of RadEditor with Ribbon Bar Toolbar for a different type of dropdown toolbar controls.

In RadEditor with Ribbon Bar Toolbar, there are two different types of drop-down control observed.

Type1 includes "Paste" and "Strip All Formatting" 
Type2 includes "Font Name", "Real font size", "Foreground Color", "Background Color", "Apply CSS Class", "Paragraph Style" and "Undo"


Issue1:
In RadEditor with Ribbon Bar Toolbar When "Type 1" Dropdown is opened or expanded and we click on any "Type 2" Dropdown then "Type 1" dropdown is still remain open or expand.

Issue2:
vice versa In RadEditor with Ribbon Bar Toolbar When "Type 2" Dropdown is opened or expanded and we click on any "Type 1" Dropdown then "Type 1" dropdown is still remain open or expand.
(Total attached files size should be smaller than 20mb. Allowed extensions: .zip, .rar, .jpg, .png, .gif)
2 comments
ADMIN
Rumen
Posted on: 29 Jan 2019 11:22
Hi Arvind,

For your convenience we wrote a solution that ensures that all expanded dropdowns will be collapsed once the user clicks on another tool:

<script>
    function OnClientLoad(editor, args) {
        window.toolbar = editor.get_ribbonBar();
    }
    Telerik.Web.UI.RadRibbonBar.prototype.old_initializeButtonEvents = Telerik.Web.UI.RadRibbonBar.prototype._initializeButtonEvents;
    Telerik.Web.UI.RadRibbonBar.prototype._initializeButtonEvents = function () {
        var ribbonBar = this;
        var ribbonBarElement = ribbonBar._element;
        function closeAllMenus() {
             
            if (Telerik.Web.UI.Editor.PopupController) {
                Telerik.Web.UI.Editor.PopupController.hideActivePopup();
            }
            ribbonBar._hideMenus();
            ribbonBar._hideApplicationMenu();
            if (ribbonBar._detachedGroup && !this.closest(".rrbDetachedGroup.rrbHovered")) {
                ribbonBar._detachedGroup._attachGroup();
                ribbonBar._detachedGroup = null;
            }
        }
        $telerik.$(".rrbCollapsedGroup").on("mousedown", closeAllMenus)
 
        $telerik.$(".rrbArrow, .reSplitArrow, .reDropdown, .rrbTemplateItem, .reRibbonTool, .reSplitButton, .radIconDown").on("click", closeAllMenus)
        this.old_initializeButtonEvents()
    }
</script>
 
<telerik:radeditor id="RadEditor1" runat="server" toolbarmode="Ribbonbar" onclientload="OnClientLoad">
    <Content></Content>
</telerik:radeditor>



Best regards,
Rumen
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
ADMIN
Rumen
Posted on: 07 Jan 2019 10:55
Hi Arvind,

Thank you for reporting this UX issue.

Unfortunately I cannot currently provide an ETA when it will be solved, but one option is to use the Default toolbar mode, where the issue does not exist.

Best regards,
Rumen
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.