Confirm dialog does not display correctly in mobile

4 posts, 0 answers
  1. Dan
    Dan avatar
    190 posts
    Member since:
    Nov 2017

    Posted 12 Feb 2019 Link to this post

    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.

  2. Dimitar
    Admin
    Dimitar avatar
    499 posts

    Posted 14 Feb 2019 Link to this post

    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.
  3. Dan
    Dan avatar
    190 posts
    Member since:
    Nov 2017

    Posted 14 Feb 2019 in reply to Dimitar Link to this post

    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?

  4. Dimitar
    Admin
    Dimitar avatar
    499 posts

    Posted 18 Feb 2019 Link to this post

    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.
Back to Top