Views list looks bad on mobile with >1024px width

9 posts, 0 answers
  1. Loeschke
    Loeschke avatar
    10 posts
    Member since:
    Sep 2015

    Posted 02 Nov 2015 Link to this post

    Hello.

    Got this issue on an Android tablet with 1280x800 screen resolution.

    List of titles:
    "День", "Неделя", "Рабочая неделя", "Месяц", "Расписание", "Настройки"

     There is enough space for it to flow and on desktop useragent it happens as expected.

  2. Loeschke
    Loeschke avatar
    10 posts
    Member since:
    Sep 2015

    Posted 02 Nov 2015 Link to this post

    Few more details, we're using Fiori theme.

    Looks like you lost the screenshot because of cyrillics, here it is: http://snag.gy/uU1VF.jpg

  3. Kendo UI is VS 2017 Ready
  4. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 04 Nov 2015 Link to this post

    Hello Loeschke,

    I tried to reproduce the illustrated issue but to no avail (dojo example). Could you please make sure you are using the correct common stylesheet file (kendo.common-fiori.min.css)? Also, are you using the version mentioned in the ticket info (2015.3 930)? If the CSS files / version are correct but the issue still persists, I will need an isolated runnable example which demonstrates your exact setup - this way I would be able to check what exactly is going wrong and provide concrete recommendations. Thank you in advance for your cooperation.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  5. Loeschke
    Loeschke avatar
    10 posts
    Member since:
    Sep 2015

    Posted 05 Nov 2015 in reply to Iliana Nikolova Link to this post

    Hi,

    Sorry for lack of details. CSS files are fine. The problem appears when mobile:true is set in scheduler options.

    Here is what it looks like.

    In Chrome you should set Android or iOS user agent emulation to ​toggle mobile mode (requires refresh) and then make screen emulator width more than 1024px to remove views list grouping into a dropdown. Now it looks broken. It looks same on an actual 1280x800 Android tablet in landscape.

    How can this be fixed?

  6. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 09 Nov 2015 Link to this post

    Hi Loeschke,

    Thank you for the details. The described scenario is not supported - when the mobile option is set to true the scheduler should be used in mobile browser (it is not expected to manually resize the mobile browser). Could you please provide more details about the actual device which you are testing on?

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  7. Loeschke
    Loeschke avatar
    10 posts
    Member since:
    Sep 2015

    Posted 09 Nov 2015 in reply to Iliana Nikolova Link to this post

    Hi,

    Sure. We've got this problem on our client's Samsung Galaxy Note 10.1 N8000.

    We managed to reproduce it in Visual Studio Emulator for Android as well. Emulator configuration included XHDPI(1280x720px) screen. Both device and emulator obviously use mobile browsers.

  8. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 11 Nov 2015 Link to this post

    Hi Loeschke,

    I was not able to reproduce the issue on my side. Could you please share more details about the exact Android version and browser which you are testing on?

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  9. Loeschke
    Loeschke avatar
    10 posts
    Member since:
    Sep 2015

    Posted 11 Nov 2015 in reply to Iliana Nikolova Link to this post

    Hi.

    Okie. Actually I sent a link to Samsung N8000 details which included OS version.

    Anyway here is what I used to reproduce the bug in the emulator:

    It's important to keep it in landscape orientation because only then screen width becomes more than 1024px.

    Bug shows up everywhere you make your useragent look like a tablet/phone and make screen width >=1024px.

  10. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 13 Nov 2015 Link to this post

    Hi Loeschke,

    First of all I would like to thank you for your cooperation - I was able to reproduce the issue and logged it for fixing. As a small sign of gratitude I updated your points.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready