grid and chart styling for Android

9 posts, 0 answers
  1. John
    John avatar
    15 posts
    Member since:
    Oct 2014

    Posted 28 Nov 2014 Link to this post

    The Grid and Chart controls remain with the default (iOS) appearance when displayed on Android (see attachment).  The other controls seem to properly adapt, but not these two.

    Is there something special I need to make these controls to switch to the Android theme?
  2. John
    John avatar
    15 posts
    Member since:
    Oct 2014

    Posted 29 Nov 2014 Link to this post

    After some more searching, I found a reference to changing the theme for the chart, so I can check for Android and add the "black" theme.  However, this seems odd, given that most of the widgets adapt, plus I'm not sure black matches the normal Android emulation theme.

          options = { ...
          if (kendo.support.mobileOS.android)
            options.theme = 'black';
          div.kendoChart(options);

    Also, setting the theme doesn't seem to work for the grid at all.

    So, what is the Android theme and how do I apply it to the grid?  (And as a side question, why should I have to?)
  3. DevCraft banner
  4. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 03 Dec 2014 Link to this post

    Hi John,

    There is no Android theme for Kendo UI web widgets - in order to apply the black theme to all web widgets you should include it (instead of the default one). For more detailed information take a look at the following help topics:
    - Link 1
    - Link 2

    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. John
    John avatar
    15 posts
    Member since:
    Oct 2014

    Posted 03 Dec 2014 in reply to Iliana Nikolova Link to this post

    Thanks for the links.

    The issue is that the way your mobile UI works is the theme is selected automatically based on the same set of styles and JavaScript.  So, there is no way to include one theme "instead" of the default one; that would break the appearance on iOS.

    What I need is the way to switch it dynamically, based on the device on which it's running, the same way the rest of the mobile widgets do.  It seems odd that it should be necessary for me to do this myself, rather than it automatically happening, but I'm willing to add the code to do it manually if necessary.

    Another concern is whether Android appearance always correspond to "black" or if there are situations that might cause it to use a different appearance.  You can see how my having to manually specify some of the appearance settings can cause incompatibilities with the appearance that is automatically used by the rest of the widgets.
  6. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 08 Dec 2014 Link to this post

    Hi John,

    Apologies for not being clear enough in my previous post. The mobile skins are platform specific and are applied to themobile widgets only. On the other hand, "default", "black" etc. themes are Kendo UI themes for theweb components. Although Kendo UI Web widgets can be used in a mobile application, they will not get the mobile skin styles. Also I would recommend to check the following links which may be of help: 
    - Link 1
    - Link 2
     
    On a side note, you could submit this idea as a feature request at our UserVoice portal - this way the community would be able to evaluate it and if the suggestion gains popularity we will consider it for future releases.  

    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. John
    John avatar
    15 posts
    Member since:
    Oct 2014

    Posted 09 Dec 2014 in reply to Iliana Nikolova Link to this post

    It's a shame that there's a difference between mobile widgets and non-mobile widgets.  Other than appearance, is there some reason one shouldn't use the grid in a mobile app?
  8. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 12 Dec 2014 Link to this post

    Hello John,

    There is no reason not to use the Kendo UI Grid in a mobile application, as the Grid has adaptive rendering as well, demonstrated here:

    http://demos.telerik.com/kendo-ui/grid/adaptive

    You can submit feature requests on UserVoice, for mobile platform specific styling of the web widgets, so it can be considered for a future implementation.

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  9. John
    John avatar
    15 posts
    Member since:
    Oct 2014

    Posted 12 Dec 2014 in reply to Kiril Nikolov Link to this post

    This whole thread is about grid (and chart) styling for mobile.

    I did submit a feature request for mobile styling of the grid when that was suggested four days ago.
  10. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 15 Dec 2014 Link to this post

    Hello John,

    Then we will consider this feature request for future implementation.

    Thanks for submitting it!

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
DevCraft banner