Editor button size

[Justin]

Is there a way to make the Editor toolbar buttons smaller? I'd like them to be small Bootstrap buttons.

[Hetali]

Hi Justin,

The built-in tools of the Kendo UI Editor are made of buttons, dropdown lists, color pickers and combo boxes. In order to modify the sizes of these components, refer to the following respective size appearance pages to update the class name of these components:

• Button Size Appearance - k-button-{size}
• DropDownList Size Appearance - k-picker-{size}
• ColorPicker Size Appearance - k-picker-{size}
• ComboBox Size Appearance - k-input-{size}

Upon using the following snippet, the sizes of the Editor tools appear small as demonstrated in this Dojo example:

$(".k-button-md").addClass("k-button-sm").removeClass("k-button-md");
$(".k-input-md").addClass("k-input-sm").removeClass("k-input-md");
$(".k-picker-md").addClass("k-picker-sm").removeClass("k-picker-md");

Let me know if this information helps or if I can further help you modify the built-in tools of the Kendo UI Editor.

Regards,
Hetali
Progress Telerik