platform: ios - Breaks tabs on IOS

4 posts, 0 answers
  1. Mat-Moo
    Mat-Moo avatar
    103 posts
    Member since:
    Nov 2012

    Posted 07 Jan 2013 Link to this post

    When I use :-
    [code]
                var app = new kendo.mobile.Application(document.body, {
                    layout: "mobile-tabstrip", 
                    transition: "slide", 
                    //platform: "ios", // make all look like IOS!
                });
    [/code]
    My app will then no longer work correctly on iphone or iphone 5 in the simulator (Not been able to try on a real one yet). The tabs gets pushed down and you have to scroll to get access to them.
  2. Nikolay Tsenkov
    Admin
    Nikolay Tsenkov avatar
    734 posts

    Posted 11 Jan 2013 Link to this post

    Hi Mat-Moo,

    I will report the issue to the kendo team. Thanks for sharing this.

    Could you, please, clarify why do you need to set explicitly the platform to iOS?


    Regards,
    Nikolay Tsenkov
    the Telerik team

    Share feedback and vote for features on our Feedback Portal.
    Want some Kendo UI online training - head over to Pluralsight.
  3. Mat-Moo
    Mat-Moo avatar
    103 posts
    Member since:
    Nov 2012

    Posted 11 Jan 2013 Link to this post

    Got a fairly custom styled app, and as such having to restyle two variations of css is long winded. Therefore the theory was style everything as IOS, restyle IOS things - job done :)
  4. Nikolay Tsenkov
    Admin
    Nikolay Tsenkov avatar
    734 posts

    Posted 11 Jan 2013 Link to this post

    Hi,

    I have communicated the problem with the guys from kendo and they've fixed it.
    You will get the change with the next version of Icenium.

    Until then, here is a sample configuration that you can use in order to avoid the problem:

    var app = new kendo.mobile.Application(document.body, {
        transition: "slide",
        layout: "mobile-tabstrip",
        platform: {
            device: "iPhone",     // Mobile device, can be "ipad", "iphone", "ipod", "android" "fire", "blackberry", "meego"
            name: "ios",          // Mobile OS, can be "ios", "android", "blackberry", "meego"
            ios: true,            // Mobile OS name as a flag
            majorVersion: 6,      // Major OS version
            minorVersion: "0.0"// Minor OS versions
            flatVersion: "600",   // Flat OS version for easier comparison
            appMode: true,        // Whether running in browser or in AppMode/PhoneGap/Titanium.
            tablet: false         // If a tablet - tablet name or false for a phone.
        }
    });

    I hope this is helpful.

    Regards,
    Nikolay Tsenkov
    the Telerik team

    Share feedback and vote for features on our Feedback Portal.
    Want some Kendo UI online training - head over to Pluralsight.
Back to Top