Help! My app was rejected by apple because some views are truncated on iP 4. I would need it to be able to scroll or get the text automatically re-arrananged .
I assume thatās relatively simple to do, but I just do not know how?
this.slides = [
{
title: "Welcome!",
description: "TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT.",
image: "assets/images/image1.png",
},
{
title: "Help2",
description: "TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT.",
image: "assets/images/image2.png",
},....
Could you provide us a screenshot what it looks like now? I hope you donāt expect us to rebuild the app from your posted code and test on a iPhone 4 to recreate the problem.
Sure, sorryā¦
Below are both shots they sent me. Itās simply about the image size and the font size I would guess.
I have no clue how to make the containers responsive to manage img size and text at the same time.
The screen size on iphone 4 is 320 x 480 points
The screen size on iphone 5 is 320 x 568 points
I actually think Apple is trying to help by saying that it does not fit on a iphone 4 - but it does tend to drive the app fit to the smallest screen size - I wonder how many iphone 4 users still exist?
Yes, I tried that and Chrome can reproduce it. Still, I am interested how to fix this in a responsive wayā¦
From the comments I take that most people here do not consider iP4 for design as I did. I could limit availability of the app to iOS10, since that is not supported by 4s http://iossupportmatrix.com. However, I do not really want to loose users.
What I do not understand is how the difference of 88 pixels can be that significant. Not only does the whole text now fit, it will also add a blank frame maybe 30px in height under the text. It looks like quite a bit of available potential. Could this whole dilemma be due to the fact that Ionic is optimised for iP5 ++ ?
I now removed the title row in my help. Looks ok with Chrome at least. The (my?) current xcode release does not list iP4 emulators anymore, just saw that. Ok, you can install legacy simulators, just saw that in xcode settins componentsā¦
I added iOS 8.1 to xcode to run the simulator and seems that overall compatibility of the layouting mechanisms for ionic are not 100% compatible with 8.1 I ran a test on iP5 with 8.1 and 10.3 and the layout is not consistentā¦
iP5 iOS 10.3 looking good
looks like you did a lot of work @elduderino15, I hope you come a step closer to your solution!
when it comes to iPhone4 and Ionic I personally think that their are compatible. My app is in store and is iPhone4 compatible too.
as @jar19 pointed out, iphone 4 is 320 x 480 points
about how to make responsive, well depends of your html codes. donāt know if I could help, but I proceed like this when I face a not understandable css problem: I began to remove all css of the page and then I add piece after piece till I found what part of the code is breaking the page
and if you canāt achieve to solve the page in a responsive way, there is still the possibility to detect the screen resolution and to customize it for it. therefore your could for example use the following media queries: