Last Updated: 31 May 2021 15:57 by ADMIN
Release 2021.3
Created on: 15 Mar 2021 13:00
Type: Bug Report
TelerikEditor in TelerikForm - dropdown tools take an entire row

When you put a TelerikEditor in a Telerik Form the Format dropdown gets stretched, which forces it onto its own line which doesn't look as good. 


1 comment
Marin Bratanov
Posted on: 18 Mar 2021 19:51

Hello Stewart,

Thank you for reporting this.

Here's a workaround:


    .k-form .k-dropdown {
        display: inline-flex;
        width: 12.4em;

<div class="demo-section k-form k-form-vertical">
    <div class="k-form-field">
        <label class="k-label k-form-label">Complex content</label>
        <div class="k-form-field-wrap">
            <TelerikEditor @bind-Value="@EditorContent"></TelerikEditor>

<div class="demo-section">
    <h4><label for="outbound-date">Complex content out of a form</label></h4>

    <TelerikEditor @bind-Value="@EditorContent"></TelerikEditor>


@code {
    string EditorContent { get; set; }


I've also moved this issue to the Themes Feedback Portal because it is realted to the shared stylesheets we have, not just to Blazor, here is the new URL:

Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at