0
Solution Exists

3x1 media tile rendering 2x1 on iPhone 7+

Tim 7 years ago in Browsers Tablets Phones / Apple updated by Terry (ActionTiles) (Co-Founder) 6 years ago 5

Hi,

In my panel "Phone Vert", I have a 3x1 media tile that is set up as 3x1 at the source (http://jggdev.com/atiles/weather.php?loc=92563&titleColor=1e97ff&backgroundColor=1e97ff&static=true&layout=3X1)

Image 1181


It renders as 3x1 on iPhone 7, but on iPhone 7+ it renders as a 2x1. Here are screenshots from Safari dev mode, but this is the same as displayed on the phones:

iPhone 7:

Image 1182


iPhone7+:

Image 1183


Answers

+1
Answer
Waiting for Customer

Hi Tim,


We don't have the direct solution for your problem, yet. The algorithm to compute tile position is too complex to mess with without the risk of introducing unintended side effects.


However, with the introduction of the new customization features in AT V6.7, there are now reasonable workarounds to try to make your layout work for you.


You could try increasing the Tile Size (115px) or Tile Spacer slightly. That will cause the grid to be recalculated and tiles should keep their intended proportions. Your layout falls into the narrow margin of error and we just need to tweak the layout slightly.


Please let us know if this works for you.


Thanks


Alex

+1
PINNED

AWESOME! Thanks for the suggestion Alex! I had missed that options when I was looking at the styles. Going up to custom 115px works for both my Plus and keeps the 3 rows on my wife's iPhone 7 as well. I tried going up one tie size, that worked for me but rendered a row of two instead of 3 on the non plus model so the custom 115px was the perfect compromise.

Glad this works... I understand the difficulty of developing around edge cases.

Thanks again. This can be closed and maybe converted to a knowledge article for others?

Confirmed Bug

Hi Tim,


There's a bug due to round off error for the display width of iPhone 7+.


Unfortunately, this bug would be considered as a lower priority because it affects only a small set of users and does not have a critical effect on functionality.


ActionTiles is currently undergoing a major face lift and the plan is to be able to chose arbitrary tile size. This fix will be a part of this development and will go through the regular development and testing cycle.


I will let you know when this fix is released to production.


Thanks

Alex

Looks like I am one of the lucky few :-)

Thanks for the info. Can't wait to see the results of your development.

Thanks

+1
Answer
Waiting for Customer

Hi Tim,


We don't have the direct solution for your problem, yet. The algorithm to compute tile position is too complex to mess with without the risk of introducing unintended side effects.


However, with the introduction of the new customization features in AT V6.7, there are now reasonable workarounds to try to make your layout work for you.


You could try increasing the Tile Size (115px) or Tile Spacer slightly. That will cause the grid to be recalculated and tiles should keep their intended proportions. Your layout falls into the narrow margin of error and we just need to tweak the layout slightly.


Please let us know if this works for you.


Thanks


Alex

+1
PINNED

AWESOME! Thanks for the suggestion Alex! I had missed that options when I was looking at the styles. Going up to custom 115px works for both my Plus and keeps the 3 rows on my wife's iPhone 7 as well. I tried going up one tie size, that worked for me but rendered a row of two instead of 3 on the non plus model so the custom 115px was the perfect compromise.

Glad this works... I understand the difficulty of developing around edge cases.

Thanks again. This can be closed and maybe converted to a knowledge article for others?

Commenting disabled