Mobile site not centered on iPhone - sencha-touch-2

I'm building a mobile version of a website, using Sencha Touch 2.0, I'm basing the mobile site on the sample app provided in the Sencha Touch Documentation ( http://docs.sencha.com/touch/2-0/#!/guide/first_app ).
I'm testing the app on http://iphone4simulator.com/ just to see what it will look like, but for some reason its not centered, its thinks the screen width is 360px instead of 320px.
I'm not sure how to correct this, has anyone experienced a similar problem ?
Regards

Actually looking closer at it, I think the problem is http://iphone4simulator.com/ and not sencha touch.

Related

React native ScrollView effect like youtube's one

I'm trying to get an effect like youtube's one in the ScrollView of my react native app.
I don't really know how to search for this, so if anyone knows of a package or a video tutorial that could help me, I would really appreciate it.
That's a short video showing the effect I've said, but I believe it is present in all Youtube apps.
Basically, it shows you the header when you drag it up from anywhere on the screen.

Sencha Touch 2.4.1, bug with iPhone scrolling

A bug appeared after I upgraded the sencha touch fw from 2.3 to 2.4.2.
From time to time, when I scroll down or up the application, all the page scroll, and a black screen appear up or down...
This issue i random on iPhone.
Some people already experimented this issue ?
Thank you !
We have investigate this issue.
This issue appear when we try to scroll a list and some link are in the item template.
Scrolling with a finger on the link make the screen moves, scrolling with a finger outside the link the list scroll normally.
For the moment, as the application is in production, we just downgrade sencha to 2.3.1, and it's working.
So we stick on sencha 2.3.1 for the moment, and try to address the issue later.

how to make an ios app adaptive in Xcode 6.1(objective C) using auto layouts or any other simple approach

I am very new to Xcode and so as with auto layouts and i want to make my app which i've created, adaptive in a very easy way. I have seen lots of tutorials on internet but nothing helped me with my app. so i don't know how to make my app adaptive. so i need a help.
I have made an app that generate report in second view controller after providing inputs in first view controller.so i need to see how can i use auto layouts in my respective app to make it adaptive or there any easy way to get the results. i have seen all the videos related to it.
thanks in advance.
The best way is to use Auto Layout and Size Classes. This way your app will work with all iPhone sizes and all iPads. It will also behave correctly in portrait and landscape.
For more details, you will need to read and watch a lot of documentations/WWDC videos.

Capture image through Sencha Application 2.1 without using Phonegap

I want to capture a photo from my SenchaTouch 2.1 application and want to display on the view.
I don't want to use Phone Gap just want to access the camera through my Sencha Application. Kindly share some code that will suffice the above mentioned need Or some suggestions it will be really helpful.
Thanks
Have you looked at the Sencha Touch API docs, for the Ext.device.Camera class?
http://docs.sencha.com/touch/2-1/#!/api/Ext.device.Camera

Mimic versatile behaviour of Apple's UIWebView with Sencha Touch

Given a URL to a...
PDF, Apple's UIWebView component will display the PDF in the PDF
reader.
video, Apple's UIWebView component will display the video in
the video player.
music file, Apple's UIWebView component will play
the music in the video player.
What is the best way to mimic this functionality in Sencha Touch?
Many thanks
EDIT: Also, how do you display a website in a panel? I've tried using an embed and an iframe, but these aren't scrollable on the device.
I don't understand, this should work just like that? Are you thinking of rendering pdf/video/music inside Sencha Application?
If yes, check out Sencha examples for audio/video. For pdf you will need some new code. I would suggest using pdf.js inside Sencha panel, haven't tried it though.
This was answered in sencha touch :: how to create a panel for website-preview inside iFrame.
Anyway, if you want to get the same effect as a UIWebView in senchatouch, I recommend using PhoneGap as long as your intention is that your webapp is used only on mobile devices. PhoneGap Plugins available to use the native WebViews each mobile OS. The plugin, both for IOS to ChildrenBrowser called Android. Sorry about the other systems can not help more.
Without a lot of hacky code, you can't.