This is a migrated thread and some comments may be shown as answers.

Editor Minimum

3 Answers 203 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Lee
Top achievements
Rank 1
Lee asked on 23 Oct 2016, 06:39 PM

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

3 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 24 Oct 2016, 03:27 PM
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
Check out the new UI for ASP.NET Core, the most complete UI suite for ASP.NET Core development on the market, with 60+ tried-and-tested widgets, based on Kendo UI.
0
SEAN
Top achievements
Rank 1
answered on 30 Sep 2018, 04:19 PM

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

0
Rumen
Telerik team
answered on 01 Oct 2018, 12:19 PM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Editor
Asked by
Lee
Top achievements
Rank 1
Answers by
Rumen
Telerik team
SEAN
Top achievements
Rank 1
Share this question
or