New to Kendo UI for VueStart a free 30-day trial

Display the Kendo UI for Vue Editor toolbar at the bottom

Updated on Sep 9, 2026

Environment

Product Version6.1.0
ProductProgress® Kendo UI for Vue

Description

How can I display the Editor's toolbar at the bottom?

Solution

To achieve this, add the following CSS that will change the order of the toolbar and the content of the Editor:

jsx
<style>
.k-editor .k-toolbar {
 order:2;
}
</style>

This example demonstrates the approach above:

Example
View Source
Loading ...
In this article
EnvironmentDescriptionSolution
Not finding the help you need?
Contact Support