Unable to set small height for editor <textarea> (again).

4 posts, 0 answers
  1. Mikkel
    Mikkel avatar
    14 posts
    Member since:
    Jun 2013

    Posted 14 Oct 2013 Link to this post

    I'm embedding an kendo.ui.editor in a UIWebView in an iOS application using html, css and javascript hosted on the device itself.

    I am unable to force the height of my text area below 150px.
    My html is this:
    <body>
    <div>
    <textarea id="editor" style="width:100px;height:100px;">
    </textarea>
    <script>
    $(document).ready(function() {
        $("#editor").kendoEditor( { encoded: false } ); } );
    </script>
    </div>
    </body>
    The above yield a text area which is 100px wide, but 150px high.
    Controlling the width is no problem, and the height is also fine when giving a value above 150px.
    The size of the UIWebView containing the editor is 500px wide and 250px high, but this size does not seem to affect the 150px limit.

    I have tried various tweaks to the css (height, min-height, …), but to no avail…
    Is there somewhere a limit on how low the height of an text area can go ?  Somehwere in the kendo css that I haven't found / browser defaults / something completely different ?
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 14 Oct 2013 Link to this post

    Hi Mikkel,

    You can modify the height of the Editor by setting the height CSS property of the iframe that is used inside of it. Please check the following example:

    http://jsbin.com/uQIhOPI/1/edit

    I have removed the other tickets that you opened - I hope that this will not be a problem for you, as they were all with the same content. 
     
    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Andre Beauchamp
    Andre Beauchamp avatar
    14 posts
    Member since:
    Jan 2004

    Posted 15 Dec 2014 Link to this post

    Hi Kiril, 

    The solution you proposed seems like a patch to a design problem.
    It suggests to add css style for every editor on every page that uses a height lower than 250px which seems like a stretch considering that setting an inline style height of 100px on the textarea really should translate to a 100px after kendo applies the editor widget to it.

    Also, the kendo editor in IE10 would apply a height of 0 to any textarea setting an inline height bellow 250px.
  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 16 Dec 2014 Link to this post

    Hello Andre,

    Can you please open a separate support request with some runnable sample that we can test locally and advise you further?

    Thanks for the cooperation.

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready