Editor Width set to 0

2 posts, 0 answers
  1. Jonathan
    Jonathan avatar
    57 posts
    Member since:
    Jun 2012

    Posted 11 Apr 2012 Link to this post

    I have an issue where the style for the editor is getting set with a width of 0. This is not inherited from any other css style but being set by the kendo UI. 

    This is the rendered HTML after calling the editor method:
    <table class="k-widget k-editor k-header" cellspacing="4" cellpadding="0" style="width: 0px; height: 0px;">

    Here is the code for the control"

    <textarea id="editor" rows="10" cols="30" data-bind="value: Notes"></textarea>
    <script type="text/javascript">
        $(document).ready(function () {
  2. Dimo
    Dimo avatar
    8318 posts

    Posted 11 Apr 2012 Link to this post

    Hi Jonathan,

    Is the Editor initialized while inside a hidden container? If yes, then Javascript size calculations do not work and the Editor cannot adjust its layout. Please instantiate it over a visible textarea element, or use visibility:hidden instead of display:none.

    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top