HtmlEditor - How to add a custom toolbar item

A Dev

created 9 years ago

Hi,

I have a scenario where I create a custom Save button that appears below the HtmlEditor:

C#
Html.DevExpress().Button(buttonsettings =>  
{  
    buttonsettings.Text = "Save";  
    buttonsettings.ClientSideEvents.Click = "function(s, e) { HelpPopupControl.PerformCallback(); }";  
}).Render();

This independent button currently looks awkward, so I would like to replace it with a toolbar item; unfortunately, the HtmlEditorToolbarItem does not have a ToolbarSaveButton type.

So I tried ToolbarCustomItem instead like this:

C#
toolbar.Items.Add<ToolbarCustomItem>(btn=>  
{  
    btn.Text = "Save";  
});

This returns the following error: "The type ToolbarCustomItem cannot be used as type parameter 'T' in a generic type or method…"

How to use ToolbarCustomItem and handle ClientSideEvents.Click in this case?

Thank you.

Answers approved by DevExpress Support

DevExpress Support Team

created 9 years ago (modified 9 years ago)

Hello,

The ToolbarCustomItem class is a base class for toolbar items and it cannot be added directly to the items collection. Try use one of its descendants instead, for instance, CustomToolbarButton:

C#
toolbar.Items.Add<CustomToolbarButton>(c => {  
    c.CommandName = "save";  
    c.Text = "Save"; });

To handle this button click, use the ASPxClientHtmlEditor.CustomCommand event. I've attached a sample project to demonstrate this solution.

T324388.zip

Comments (1)

A Dev 9 years ago

Thank you Helen. This solved my problem beautifully.

HtmlEditor - How to add a custom toolbar item

Answers approved by DevExpress Support

Recently viewed tickets