This is a migrated thread and some comments may be shown as answers.

Tabstrip cropped on Landscape on iOS7 (iPad2)

2 Answers 26 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
Chris @ Willows Consulting Ltd.
Top achievements
Rank 1
Chris @ Willows Consulting Ltd. asked on 30 Oct 2013, 02:32 PM
Hi Guys,

I have found a weird behavior on iPad2/iOS7 on Landscape only: the bottom of the tabstrip is cropped. See screenshot attached.
Live URL is:
http://www.semiconductorconnect.org/kendo/

However: when you switch from Landscape to Portrait: the tabstrip is displayed properly.

Regards.

2 Answers, 1 is accepted

Sort by
0
Accepted
Petyo
Telerik team
answered on 01 Nov 2013, 08:27 AM
Hi Sean,

This seems to be the same problem discussed in this thread. We are looking into it, but so far no other workaround than the one mentioned there exists.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Accepted
Chris @ Willows Consulting Ltd.
Top achievements
Rank 1
answered on 06 Nov 2013, 11:38 AM
This is my code:
$(window).resize(function(){
// BUG iOS7 - Safari - iPAD2
if (kendo.support.mobileOS.ios && kendo.support.mobileOS.tablet) {
        // PORTRAIT:
        if ($(window).height()>$(window).width())
            $(document.documentElement).height(($(window).height())+'px');
        // LANDSCAPE:
        else
            $(document.documentElement).height(($(window).height()-20)+'px');
        window.scrollTo(0,0);
    }
});
  
$(document).ready(function() {
    // BUG iOS7 - Safari - iPAD2
    if (kendo.support.mobileOS.ios && kendo.support.mobileOS.tablet) {
        // PORTRAIT:
        if ($(window).height()>$(window).width())
            $(document.documentElement).height(($(window).height())+'px');
        // LANDSCAPE:
        else
            $(document.documentElement).height(($(window).height()-20)+'px');
        window.scrollTo(0,0);
    }
  
});
Tags
TabStrip (Mobile)
Asked by
Chris @ Willows Consulting Ltd.
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Chris @ Willows Consulting Ltd.
Top achievements
Rank 1
Share this question
or