View Full Version : Letter Boxed App on iphone 5

10 Dec 2012, 8:35 AM
My apps are letter boxed when building to iOS/iphone5. Is there a setting I'm not seeing, or a fix in the works?


11 Dec 2012, 8:03 AM
we're facing the same problem (sencha touch, webapp only)

edit: updating to sencha touch 2.1 is no real solution for our project

13 Dec 2012, 2:42 PM
I discovered today that if you provide the correct size of splash screen images into the root directory of your app, it will no longer letter boxed. (Note: these sizes appear to be different than webapp splash screen sizes).

However the splash screen only appears for a very short time, and is replaced by a white screen until the rest of the app loads. Would love to see the splash screen stay up until the app is ready to be displayed.

6 Jan 2013, 4:03 PM
Can you elaborate a bit?
I added "resources/startup/640x1136.png" (which consisted of a pic 640x1136), and added "'640x1136': 'resources/startup/640x1136.png' " to my app.js under [startupImage]. Also tried the reverse (1136x640).

I'm still not getting the full screen size on the iPhone 5. Any ideas? Using 2.1.0.

Nevermind. I was referring to the Native packager. Got it to work by doing the following:
* Created a new Image in resources/startup called Default-568h@2x.png
* Add in the line "rawConfig":"<key>UILaunchImageFile</key><string>resources/startup/Default.png</string>" to the JSON Build file.

7 Feb 2013, 9:57 AM
Nevermind. I was referring to the Native packager. Got it to work by doing the following:
* Created a new Image in resources/startup called Default-568h@2x.png
* Add in the line "rawConfig":"<key>UILaunchImageFile</key><string>resources/startup/Default.png</string>" to the JSON Build file.

Did you mean "Default-568h@2x.png" to the "rawConfig"? There is no Default.png...

1 Mar 2013, 7:23 AM
Hi nebev, I've add an image file in resource/startup called Default-568h@2x.png and I've added the line "rawConfig":"<key>UILaunchImageFile</key><string>resources/startup/Default.png</string>" in my packager.json but still not working in simulator.

What's wrong?

3 Mar 2013, 1:09 PM
It could be because the packager moves your Sencha App into a directory called "webapp".

The line in my JSON looks like this:


And my file (for iPhone 5) is


5 Mar 2013, 12:40 AM

30 May 2013, 8:27 PM
Tried your trick, but still have the error from app store :

Dear developer,We have discovered one or more issues with your recent delivery for "your app". To process your delivery, the following issues must be corrected:
iPhone 5 Optimization Requirement - Your binary is not optimized for iPhone 5. As of May 1, all new iPhone apps and app updates submitted must support the 4-inch display on iPhone 5. All apps must include a launch image with the -568h size modifier immediately following the <basename> portion of the launch image's filename. Launch images must be PNG files and located at the top-level of your bundle, or provided within each .lproj folder if you localize your launch images. Learn more about iPhone 5 support and app launch images by reviewing the iOS Human Interface Guidelines (https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/TranslateApp/TranslateApp.html%23//apple_ref/doc/uid/TP40006556-CH10-SW8) and iOS App Programming Guide (https://developer.apple.com/library/ios/#documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/App-RelatedResources/App-RelatedResources.html%23//apple_ref/doc/uid/TP40007072-CH6-SW12).
Though you are not required to fix the following issues, we wanted to make you aware of them:
Missing Push Notification Entitlement - Your app appears to include API used to register with the Apple Push Notification service, but the app signature's entitlements do not include the "aps-environment" entitlement. If your app uses the Apple Push Notification service, make sure your App ID is enabled for Push Notification in the Provisioning Portal, and resubmit after signing your app with a Distribution provisioning profile that includes the "aps-environment" entitlement. See "Provisioning and Development" in the Local and Push Notification Programming Guide (https://developer.apple.com/library/ios/#documentation/NetworkingInternet/Conceptual/RemoteNotificationsPG/ProvisioningDevelopment/ProvisioningDevelopment.html) for more information. If your app does not use the Apple Push Notification service, no action is required. You may remove the API from future submissions to stop this warning. If you use a third-party framework, you may need to contact the developer for information on removing the API.
Once the required corrections have been made, go to the Version Details page and click "Ready to Upload Binary." Continue through the submission process until the app status is "Waiting for Upload." You can then deliver the corrected binary.
The App Store team

For the push notification, I leaved it empty in my json file....

1 Jun 2013, 11:23 AM
Workaround :

Added Default-568h@2x.png ? in the root folder

2 Jun 2013, 6:18 AM
You must check if the generate *.app file contains the image files in the root of the project. In the end the app is a zip file that you can look into.

In my case I have a folder build/the_name_of_project/package , this is use to create the app file. Check if that folder does contain the images.

The other message of the notification center is annoying, but not a real problem I think.

3 Jun 2013, 11:40 AM
but why is sencha not reacting ?

there are a lot of bugs for CMD, now.

those bugs are not heavy users related. Just easy building is buggy, it should have been in beta mode more longer....