Completed
Last Updated: 31 May 2021 15:57 by ADMIN
Release 2021.3
Stewart
Created on: 15 Mar 2021 13:00
Category: Themes
Type: Bug Report
1
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
ADMIN
Marin Bratanov
Posted on: 18 Mar 2021 19:51

Hello Stewart,

Thank you for reporting this.

Here's a workaround:

 

<style>
    .k-form .k-dropdown {
        display: inline-flex;
        width: 12.4em;
    }
</style>



<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>
    </div>
</div>

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

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

</div>

@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: https://feedback.telerik.com/themes/1511109-telerikeditor-in-telerikform

Regards,
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 https://learn.telerik.com/.