Can't remove toolbar

[Andreas]

Hi, Im doing this, but all tools in toolbar are showing? Shouldn't .Clear() do the trick? FYI: Id and body in code below is set from mvc c# variables

@(Html.Kendo().Editor()
                .Name(id)
                .Events(events => events
                    .Keyup(change)
                )
                .Tools(tools => tools.Clear())
                .Value(@<text>
                    @Model.Body
                </text>)
)

 

 

[Rumen]

Hello Andreas,

You can hide the toolbar via the following CSS class:

.k-editor-toolbar {
    display: none !important;
}

Best regards,
Rumen
Progress Telerik

[WearySky]

Is this not a bug? The documentation for EditorToolFactory (https://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/EditorToolFactory) specifically says that the Clear() function "clears all tools".

[Petar]

Hello WearySky,

I cannot be absolutely sure what was the context of Andreas’ application and what could have caused an unexpected behavior with the Editor, but I can confirm that based on our internal tests and the community's feedback, currently there are no known issues reported when using the Clear() method. If there are any issues experienced, we would be happy to hear about and resolve them. 

The Clear() method can be tested using this example from our demo site. Adding 

.Tools(tools=>tools.Clear())

to the definition of the Editor will result in an editor without toolbar.

Regards,
Petar
Progress Telerik

[WearySky]

Hi Petar,

I saw the exact behaviour described by Andreas, and was googling for a solution when I came across this thread. Doing tools.Clear() and adding calls to other toolbar elements (like in the editor's custom tools or all tools demo pages) will clear it and add only those elements, but doing a simple tools.Clear() results in the default toolbar appearing for me (latest update, in an asp.net core project). I don't see any way to edit the demo on the page that you linked to test out a tools.clear() call though.

[Petar]

Hi WearSky,

Thank you for the additional info and the usage specifics. Yes, I can confirm that the tools.Clear() is working together with a call to other toolbar element/s.  

To remove the toolbar in the Editor, the tools array could be set to an empty one via setOptions on $(document).ready() like in the following code:

$("#editor").data("kendoEditor").setOptions({
    tools: []
})

You can try the above code and let me know if it works for you. 

Regards,
Petar
Progress Telerik

[WearySky]

Hi Petar,

I just tried that method, and noticed that it leaves an empty space at the top (which is what I assume tools.Clear() would do, too). So I've just hidden it entirely using this javascript code:

$("#editor").data("kendoEditor").toolbar.element[0]).hide();

[Petar]

Hi WearSky,

Thank you for sharing!  The provided solution is also a valid approach for hiding Editor's toolbar.  

Regards,
Petar
Progress Telerik