RadRichTextEditor - Modify Context Menu

[Amanda]

Hello all!

I'm working with a use case where I can't allow the user to edit an inserted image - we're not saving the bytes, just the URL the image comes from, so the user editing the image would just be wasted time.

I've disabled the 'CanDrag', 'CanResize', and 'CanRotate' on the ImageSelectinoAdornerSettings layer. I even tried removing the layer per a forum post I found - however if I right click on the image, I see get a functional 'Edit Image' option on the context menu.

I've looked at the RadRichTextEditor Context Menu article (https://docs.telerik.com/devtools/winforms/controls/richtexteditor/ui-for-applying-rich-text-formatting/context-menu), but it doesn't show how to loop through the groups and/or the menu items themselves, and I'm hitting a wall when I try to figure that out myself.

Any suggestions on how to remove the Edit Image context menu item?

Thank you!

[Dess | Tech Support Engineer, Principal]

Hello, Amanda,   

I am glad that you have found a suitable solution for your scenario. 

Please have in mind that RadRichTextEditor internally uses a ContextMenuContentBuilder which is responsible for populating the menu items according to the currently selected element in the document. I can suggest an alternative solution with a custom ContextMenuContentBuilder. It allows overriding multiple methods that are responsible for creating and populating the different groups of items.

        public RadForm1()
        {
            InitializeComponent();

            Telerik.WinControls.RichTextEditor.UI.ContextMenu contextMenu = (Telerik.WinControls.RichTextEditor.UI.ContextMenu)this.radRichTextEditor1.RichTextBoxElement.ContextMenu;
            contextMenu.ContentBuilder = new CustomContextMenuContentBuilder();
        } 

        public class CustomContextMenuContentBuilder : ContextMenuContentBuilder
        {
            protected override ContextMenuGroup CreateImageCommands()
            {
                //return base.CreateImageCommands();
                return null;
            }

            protected override ContextMenuGroup CreateFloatingBlockCommands()
            {
                //return base.CreateFloatingBlockCommands();
                return null;
            }
        }
    }

Before:

After:

Feel free to use this approach which suits your requirements best.

Regards,
Dess | Tech Support Engineer, Principal
Progress Telerik

[Amanda]

Thank you Dess for offering this alternative! I will try it out and see which works best for us!

[Amanda]

I have figured out how to remove the groups I needed! Ended up being two - the ImageCommands and the FloatingBlockCommands.

First, when I initialize my form, I hook the ContextMenu Showing Event to a custom paragraph I'm going to show below:

Telerik.WinControls.RichTextEditor.UI.ContextMenu contextMenu = (Telerik.WinControls.RichTextEditor.UI.ContextMenu)rtfDescription.RichTextBoxElement.ContextMenu;
contextMenu.Showing += ContextMenu_Showing;

Then, in ContextMenu_Showing, I make two new variables to put the ImageCommands and FloatingBlockCommands in so I can loop through the entire collection without the list being changed, then afterwards I simply remove them!

private void ContextMenu_Showing(object sender, ContextMenuEventArgs e)
{
    ContextMenuGroup delImage = new ContextMenuGroup();
    ContextMenuGroup delFloating = new ContextMenuGroup();

    foreach (ContextMenuGroup contextGroup in e.ContextMenuGroupCollection)
    {
        if (contextGroup.Type.ToString() == "ImageCommands")
        {
            delImage = contextGroup;
        }

        if (contextGroup.Type.ToString() == "FloatingBlockCommands")
        {
            delFloating = contextGroup;
        }
    }

    e.ContextMenuGroupCollection.Remove(delImage);
    e.ContextMenuGroupCollection.Remove(delFloating);
}