Overriding Look and Feel

4 posts, 0 answers
  1. John
    John avatar
    17 posts
    Member since:
    Aug 2012

    Posted 24 Jul 2012 Link to this post

    Is there any way I can override the silver ipad look and feel with the blue iphone theme? 

    I am building a very large application for several devices, and depending on the device, I may execute different logic. Having said this, I am trying to avoid doing this by passing platform as a parameter in kendo.mobile.Application because I fear that it may have some side effects on the platform-specific logic I have implemented. 

    Are there some classes that can be inherited by my navbars/buttons/other elements to achieve this? 
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 25 Jul 2012 Link to this post

    Hello Jon,

    You can set kendo.support.mobileOS.tablet = false; just before app initialization to switch off the tablet styling. If you force the platform, you can use the fine grained method to specify tablet or not.

    All the best,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. John
    John avatar
    17 posts
    Member since:
    Aug 2012

    Posted 02 Aug 2012 Link to this post

    I use popovers in my application, and they do not work when I apply 

    kendo.support.mobileOS.tablet = false;

    This is expected as popovers are a tablet-only feature. Is there a certain way I can configure the kendo application on ipad to only look like iPhone but behave just like an ipad?
  4. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 03 Aug 2012 Link to this post

    Hi John,

    Try to leave the tablet property intact and just change remove the tablet class from the document.documentElement and add phone class to it, like this:
    $(document.documentElement).removeClass("km-tablet").addClass("km-phone");

    Of course this should happen in a data-init - when all the initialization has passed already.

    All the best,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top