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

Confirm dialog does not display correctly in mobile

3 Answers 243 Views
Dialog
This is a migrated thread and some comments may be shown as answers.
Dan
Top achievements
Rank 1
Iron
Iron
Veteran
Dan asked on 12 Feb 2019, 03:09 PM

I need to display a confirmation dialog on the screen using kendo.confirm. Everything work as expected until I resized the browser to see if the message displays correctly on the mobile. However the confirmation dialog text did not wrap on the screen. I tried to reproduce this in a dojo but can not. After further investigation I found that my site is missing the "display: block" or "display: inline-block" from the window wrapper.

Could you tell me who adds this so I can try to debug and see why the "display" property is not added.

3 Answers, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 14 Feb 2019, 12:36 PM
Hello Dan,

I am not able to reproduce the issue on my side based on Dialog - Predefined dialogs demo. Could you provide snippets for reproducing the issue, as well as Kendo UI version and browser version used for testing? Also which theme is used for reproduction?

As a side note, I would suggest you set viewport meta tag on pages, which are meant to be viewed on mobile browsers as well, e.g. at least declared as:

<meta name="viewport" content="width=device-width">

This would allow for proper sizing of the content, when viewed on mobile device browsers. Probably this meta tag would help you with the current problem.

Regards,
Dimitar
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Dan
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 14 Feb 2019, 12:47 PM

Hi Dimitar,

I already told you I can not reproduce it either. The kendo version is 2018.2.620 and the browser that I can reproduce the problem is Internet explorer. On the other browser even though the display css property is not added the message is still wrapped.

Also the meta tag is already added to the site.

Like I said the only difference that I saw on my project and the existing site was the css display property added to the container.

If I open a ticket will I get the response about the code?

0
Dimitar
Telerik team
answered on 18 Feb 2019, 12:46 PM
Hi Dan,

The display property is set to the container using jquery - screenshot. The following video shows how to find what code modified the display property of the confirm dialog. I hope this is useful to debug the problematic scenario on your side.

Regards,
Dimitar
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Dialog
Asked by
Dan
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Dimitar
Telerik team
Dan
Top achievements
Rank 1
Iron
Iron
Veteran
Share this question
or