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

Editor in mobilelayout is readonly

5 Answers 121 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Anamika
Top achievements
Rank 1
Anamika asked on 12 May 2014, 03:04 PM
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

5 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 14 May 2014, 11:13 AM
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.

 
0
Anamika
Top achievements
Rank 1
answered on 14 May 2014, 02:22 PM
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.
0
Kiril Nikolov
Telerik team
answered on 16 May 2014, 07:41 AM
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.

 
0
Anamika
Top achievements
Rank 1
answered on 19 May 2014, 09:29 AM
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
0
Kiril Nikolov
Telerik team
answered on 20 May 2014, 03:13 PM
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.

 
Tags
Editor
Asked by
Anamika
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Anamika
Top achievements
Rank 1
Share this question
or