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

Crazy footer in IOS7

8 Answers 55 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Erick
Top achievements
Rank 2
Erick asked on 17 Oct 2014, 03:40 PM
Hi,

We're using Telerik Platform for developing an app for Android and iOS.
There is a crazy issue with the footer in iOS7.

I have created a Ad-Hoc provision certificate with one registered Apple device and tested the app on this device. The StatusBar disappears after loading but i didn't changed anything (on Companion App it works fine). At the first load of the app the footer displays at the bottom correctly but if you rotate to landscape and back then the footer will be hidden for ~20px. At the top, there is a 20px black rule where the normal StatusBar should be shown.

Now i have turned off StatusBar plugin to prevent this issue. But there will be 20px white rule shown at the bottom, which will be OK again if you rotate to landscape and back. 

And as last... i have turned off the landscape mode in the properties but it seems it not works in app installed with a Ad-Hoc provision.

I think you can access our AppBuilder with project ScheidenVertel?
What're we doing wrong?

Jelle

8 Answers, 1 is accepted

Sort by
0
Erick
Top achievements
Rank 2
answered on 17 Oct 2014, 03:54 PM
In addition of my previous post.
If you install the app with Ad-Hoc provision and open the app with home button at top (360 degrees), the app will be opened with orientation on 0 degrees and you rotate your iPad to 0 degrees with home button at button, the app will flip to 360 degrees... 

I can add your iPad device (with IOS7) to our Ad-Hoc provision certificate, then you can see it...
0
Erick
Top achievements
Rank 2
answered on 20 Oct 2014, 11:04 AM
We're using Kendo UI version 2014.1.624 and have tried to upgrade to the latest version already.
And deleted all of our custom styles. 
0
Accepted
Tina Stancheva
Telerik team
answered on 21 Oct 2014, 05:34 PM
Hello Jelle,

There are a few known issue with the StatusBar and the orientation mode when using the AppFeedback plugin:
  • When the Telerik AppFeedback plugin is enabled in your project, the app always rotates even if you have enabled only portrait or landscape mode. Unfortunately there is currently no workaround for that issue. I also feel that perhaps this is the reason why your app is not properly resized after the rotation, but I will have to further investigate that behavior. In the meantime, if you disable the plugin, you will be able to control the StatusBar either through the StatusBar plugin or through the Kendo StatusBarStyle property. In any case, would you please let me know how would you like to display your app - with a black StatusBar on top, translucent StatusBar or with no StatusBar.
  • Also, please have in mind that on iOS 7 devices, if you have enabled the Telerik AppFeedback plugin, the app might not show the text in the status bar. The Telerik AppFeedback uses the native Telerik UI controls which render the plugin view over the status bar. This prevents the text in the status bar from displaying properly.

These issues are further described in the documentation.


Regards,
Tina Stancheva
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Erick
Top achievements
Rank 2
answered on 22 Oct 2014, 09:56 AM
Yes, you're right. Turning off the AppFeedback plugin fixes all three issues:
- Landscape rotation even the landscape orientation is turned off.
- Strange behavior in the footer (20px truncated).
- Starting app with the home button at top (360 degrees) en the app will display at 0 degrees. 

There is still one issue left...
When you start the app with the home button at top (360 degrees), the app will open in the correct orientation by now but shows white gap of 20px at top and 20px black gap at bottom. With result the footer will be truncated again. But i have turned on the WebView overlay when the device is iOS7 or later and will be displayed in all orientations correctly.
0
Accepted
Tina Stancheva
Telerik team
answered on 22 Oct 2014, 11:15 AM
Hi Jelle,

Please note that in case you want to use the AppFeedback plugin, I would recommend setting these in the iOS Info.plist file:
<key>UIStatusBarHidden</key>
<false/>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>
This will at least help get over the issues with the TabStrip getting cut off when switching between Portrait and Landscape orientation.

As for the other issue (when the device is turned upside down), I managed to reproduce it in one of our sample projects as well and I therefore logged it for further investigation. I also updated your Telerik points for reporting the issue.

Regards,
Tina Stancheva
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Erick
Top achievements
Rank 2
answered on 22 Oct 2014, 12:06 PM
Yes, i had found this fix from your link to known issues in the frameworks but it will fix one issue and the other two issues will remain. This issues don't let us to publish the app, that's why we will choose to disable the AppFeedback plugin.

I hope this issues will be fixed in the next versions of the frameworks. 

Very much thanks for your help!
0
Tina Stancheva
Telerik team
answered on 22 Dec 2014, 09:54 PM
Hi Jelle,

I am writing to let you know that with the latest AppBuilder release, we updated the AppFeedback plugin and it no longer disables the app from locking its orientation. This is why you can now use the plugin in an app locked for Portrait orientation only.

Regards,
Tina Stancheva
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Erick
Top achievements
Rank 2
answered on 19 Jan 2015, 02:30 PM
Thanks! Will test it soon.

Jelle
Tags
General Discussions
Asked by
Erick
Top achievements
Rank 2
Answers by
Erick
Top achievements
Rank 2
Tina Stancheva
Telerik team
Share this question
or