Editor Minimum

[Lee]

My editor seems to be ignoring the minimum on height.

<div class="col-6">
<label>Notes:</label>
@(Html.Kendo().Editor()
.Name("RMIComment")
.HtmlAttributes(new { style = "height:80px" })
.Resizable(resizable => resizable.Content(true).Min(80))
.Tools(tools => tools.Clear())
)
</div>
<br />

 

It appears to always draw on the screen around 200px.  I want it smaller. 

Thanks

Lee

[Rumen]

Hi Lee,

You can set the editor height under 200px with the CSS class below:

<style>
    .k-editor iframe.k-content {
        height: 80px !important;
    }
</style>

Best regards,
Rumen
Telerik by Progress

[SEAN]

Hi Rumen,

Lee's question was not how to draw the editor to a smaller size but how to set the minimum height for resizing to less than the default which makes it never resize down to less than about 200px. Your style sets the height to 80px but it also breaks the resizing - the height for the iframe needs to be 100% for resizing to work.

Sean

[Rumen]

Hi Sean and Lee,

This turns out to be a browser limitation caused by the fact that we're resizing the container element of the internal iframe, rather than the iframe itself. In such cases, the iframe overflows containers with less than 150px height.

The browser limitation can be observed at: http://dojo.telerik.com/IforumOT/2. See that the div wrapper, which wraps the iframe, has a height set to style="height: 100px;", but the iframe inside it is rendered with height of 150px and resizes the div to 150px of height.

We've logged this in our public repository, and you can track its progress here:
https://github.com/telerik/kendo-ui-core/issues/4557.

Best regards,
Rumen
Progress Telerik