Editor in mobilelayout is readonly

6 posts, 0 answers
  1. Anamika
    Anamika avatar
    157 posts
    Member since:
    Mar 2014

    Posted 12 May 2014 Link to this post

    Hello,

    i am trying to Display Kendo Editor inside mobile layout. the Editor loads but it is readonly and do not Display any text. It is readonly and i cannot write anything, but clicking on menus seems to work. Fails on Safari ios and also on android and WP 8.

    Anamika
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 14 May 2014 Link to this post

    Hello Anamika,

    Is this a Kendo UI Mobile application? Would it be possible to share the code, so we can test this behavior?

    Thanks in advance for the cooperation.

    Regards,
    Kiril Nikolov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. Anamika
    Anamika avatar
    157 posts
    Member since:
    Mar 2014

    Posted 14 May 2014 in reply to Kiril Nikolov Link to this post

    Yes,
    As you can see in attached Project the Index.cshtml works fine. But index.phone.cshtml Shows ediot in tab1 in phone and it is always readonly. Cannot type anything and the keypad do not come up as well.
  4. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 16 May 2014 Link to this post

    Hello Anamika,

    I have found a few problems in your application.

    1. You are initializing the Editor twice - once using the razor syntax and once using the document.ready and JavaScript. Please note that you should initialize the widgets just once, and multiple initialization is not supported.

    2. You should place the Editor inside a stretched view, so the iframe inside can be correctly focused.

    3. You should not set width and height for the editor so it can be correctly placed within the view.

    I have attached the edited example, that you can use as a reference.

    Regards,
    Kiril Nikolov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  5. Anamika
    Anamika avatar
    157 posts
    Member since:
    Mar 2014

    Posted 19 May 2014 in reply to Kiril Nikolov Link to this post

    Hello Kiril,

    Thank you so much for the suggestions. Works fine now.Just one question. If we cannot set width of the Editor some menu items are going off the Screen. Is there a way to fit Editor in device Screen?

    Anamika
  6. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 20 May 2014 Link to this post

    Hi Anamika,

    I removed the HTML attributes of the editor initialization and deployed on an iPhone and was not able to reproduce the issue that you are referring to. So the declaration is:

    @(Html.Kendo().EditorFor(x => x.Value)
    .Name("editor").Encode(true)
    )

    And see the screenshot here:

    http://www.screencast.com/t/IOHc2lWsUrK4

    Regards,
    Kiril Nikolov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top