This question is locked. New answers and comments are not allowed.
the old issue of the footers being obscured below the bottom of the screen has resurfaced in the newest version of iOS.
I updated my phone today and just noticed.
I updated my phone today and just noticed.
8 Answers, 1 is accepted
0
Hello Michael,
Thanks for bringing this to our attention. By old issue are you referring to the one discussed in this thread?
If yes, we have tested it with our latest Kendo UI Mobile template (2013.3.1526) on an iPad Mini running iOS 7.1.1 and we haven't been able to reproduce it. So, any additional information such as your device and current Kendo version will be more than welcome.
If no, we would appreciate a more detailed description of the issue, including screenshots, and your setup. Thank you!
Regards,
Iva Koevska
Telerik
Thanks for bringing this to our attention. By old issue are you referring to the one discussed in this thread?
If yes, we have tested it with our latest Kendo UI Mobile template (2013.3.1526) on an iPad Mini running iOS 7.1.1 and we haven't been able to reproduce it. So, any additional information such as your device and current Kendo version will be more than welcome.
If no, we would appreciate a more detailed description of the issue, including screenshots, and your setup. Thank you!
Regards,
Iva Koevska
Telerik
Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!
0
Michael
Top achievements
Rank 1
answered on 30 Apr 2014, 02:35 PM
Yes - the issue discussed in that thread. If you want, I can open a support ticket and you can just look at the app I'm working on.
Looking at the app myself, though - it appears that there's just about 20px of extra header now, throughout the app.
"StatusBar.hide();" will fix the footer issue, but there's still way too much space on the header - not to mention, we don't really want to hide the status bar.
My app is flat skin with: layout: "tabstrip-layout", statusBarStyle: "black-translucent".
Looking at the app myself, though - it appears that there's just about 20px of extra header now, throughout the app.
"StatusBar.hide();" will fix the footer issue, but there's still way too much space on the header - not to mention, we don't really want to hide the status bar.
My app is flat skin with: layout: "tabstrip-layout", statusBarStyle: "black-translucent".
0
Michael
Top achievements
Rank 1
answered on 30 Apr 2014, 02:37 PM
Oh, and I'm on kendo v2014.1.423
0
Michael
Top achievements
Rank 1
answered on 30 Apr 2014, 02:43 PM
The error can actually be reproduced on the iPhone5 simulator too.
0
Accepted
Hi Michael,
Thanks for the details. This really helped me reproduce the issue. I would report this to the team who can further examine it and provide a fix.
As a temporary workaround, I would suggest to use the StatusBar plugin instead of the Kendo UI Mobile style. Remove the statusBarStyle setting for your app and put StatusBar.styleBlackTranslucent();
in your deviceready. For more options for the StatsuBar plugin, you can check its API reference.
Hope this helps.
Regards,
Iva Koevska
Telerik
Thanks for the details. This really helped me reproduce the issue. I would report this to the team who can further examine it and provide a fix.
As a temporary workaround, I would suggest to use the StatusBar plugin instead of the Kendo UI Mobile style. Remove the statusBarStyle setting for your app and put StatusBar.styleBlackTranslucent();
in your deviceready. For more options for the StatsuBar plugin, you can check its API reference.
Hope this helps.
Regards,
Iva Koevska
Telerik
Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!
0
Michael
Top achievements
Rank 1
answered on 01 May 2014, 03:01 PM
Just fyi, , StatusBar.styleBlackTranslucent(); clears things up in the simulator, but on the device, the footer is now raised above the bottom instead of lowered.
0
Accepted
Hello Michael,
This additional behavior is not reproducible with a fresh Kendo UI Mobile template, using the jquery.min.js, kendo.mobile.min.js, and kendo.mobile.all.min.css files from 2014.1.423. The devices I tested on are an iPad Mini running 7.1.1 and an iPhone 5S running 7.1. Rotating the view did not have any effect either. Screenshots and project attached.
What I can suggest for your case is to try replacing your body declaration in your index.html with <body style="height:100%;min-height:100%">. If this does not help, please, either provide a project sample or open a support request and attach a copy of your project in there.
Thank you!
Regards,
Iva Koevska
Telerik
This additional behavior is not reproducible with a fresh Kendo UI Mobile template, using the jquery.min.js, kendo.mobile.min.js, and kendo.mobile.all.min.css files from 2014.1.423. The devices I tested on are an iPad Mini running 7.1.1 and an iPhone 5S running 7.1. Rotating the view did not have any effect either. Screenshots and project attached.
What I can suggest for your case is to try replacing your body declaration in your index.html with <body style="height:100%;min-height:100%">. If this does not help, please, either provide a project sample or open a support request and attach a copy of your project in there.
Thank you!
Regards,
Iva Koevska
Telerik
Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!
0
Michael
Top achievements
Rank 1
answered on 02 May 2014, 02:49 PM
Looks like the adjustment did the trick. Thanks for your help.