Editor in mobilelayout is readonly

[Anamika]

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

[Kiril Nikolov]

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

 

 

[Anamika]

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.

[Kiril Nikolov]

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

 

 

[Anamika]

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

[Kiril Nikolov]

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