Editor on Mobile

[Anthony]

Hi
  http://trykendoui.telerik.com/orod

  As you can see the editor doesn't appear to work on mobile, you can't enter any text and it looks odd.

(1) How can I fix this?
(2) I get the impression that the editor should work on mobile, does it?
(3) Are there any Web controls which don't work on mobile?

Is there any documentation about getting these Web controls to work on mobile or should it in general just work?

thanks

[Kiril Nikolov]

Hi Anthony,

You need to use the init event of the view in order to initialize the widgets inside, so they are correctly created. Please check this updated example:

http://trykendoui.telerik.com/@Kiril/OGAJ

Regards,
Kiril Nikolov
Telerik

 

 

[Anthony]

Thanks for that. The other question was:

(3) Are there any Web controls which don't work on mobile?

e.g. I just tried using a Button instead of a mobile button but that doesn't look right. I've had similar problems previously which were:
- editor, initialise using onInit not ready
- dropdown, extra css needed http://www.telerik.com/forums/using-dropdownlist-on-mobile
- grid, needed to set mobile: true

So I don't know if I'm doing something wrong or there's another option somewhere which has to be set

[Kiril Nikolov]

Hello Anthony,

In general all Kendo UI widgets should work on mobile devices however there are some features that will not be available. The button issue might be caused, by the fact that on mobile devices the click event is not fired correctly, and the Kendo UI Mobile button is optimized for usage with touch events, that are different than the standard click events. The grid needs to have mobile true in order to enable the adaptive rendering, that is a mode optimized for touch devices as well. As for the dropdown my colleague Kamen already explained the different styling.

Currently I cannot think of any other widgets that need any mobile specific configurations.

Regards,
Kiril Nikolov
Telerik

 

 

[Anthony]

Thanks, but ideally I want to make a page filled with controls that I can show on the desktop and on the mobile, so ideally I would use the normal mobile button. I need to know if I can use it or not.

This is what I see:

http://trykendoui.telerik.com/evEr/2

The click appears to work but doesn't render correctly

"on mobile devices the click event is not fired correctly", can you elaborate? Clicking on buttons is a pretty essential feature.

[Kiril Nikolov]

Hi Anthony,

This is the Kendo UI Web Button, not the mobile one. If you want to use a mobile button then please check the following snippet:

http://trykendoui.telerik.com/@Kiril/iVAP

As for the click question - standard DOM click events are not fired correctly on mobile devices, as on touch screen you do not have a click action (no mouse is present) but you have tap (finger touch) event, which on some platforms are different actions. This is why we have created the Kendo UI Mobile button, that uses touch optimized events, that work equally well on all platforms (see example above).

Regards,
Kiril Nikolov
Telerik

 

 

[Anthony]

"In general all Kendo UI widgets should work on mobile devices "

So the button is the exception as that doesn't work on mobile devices, but there is an alternative button that you can use

The mobile button looks odd on the desktop in that example so I'll have to use the non mobile button on the desktop and the mobile button on mobiles

Thanks for the reply

[Kiril Nikolov]

Hello Anthony,

Glad I helped.

If you have any further questions, please do not hesitate to contact us.

Regards,
Kiril Nikolov
Telerik