Hero image (Banner image) on home page of Now mobile app in cutting from the sides on android but looks good on Iphone.

Simran7
Tera Contributor

Here is the image on my android phone on Now Mobile app. Its looks good on IPhone. Its cutting from both sides. Can anyone help me in how can I solve the image issue. Any help will be appreciated. 

find_real_file.png

8 REPLIES 8

Joel Lignier
Giga Contributor

Hi Simran,

This will be a tricky one to solve as the banner image will be automatically centered on the device but the screen width can vary greatly between devices. If you download the default ServiceNow banner image you'll see that they are very wide at 4098px to allow for phones and tables.

To address your question, you could edit the image that is stored in the media section of your applet launcher. You would need to experiment by resizing the image in an image editor and then test it on various devices until you reach a happy compromise.

Joël

PaulSylo
Tera Sage
Tera Sage

Indeed, Android display images in slight distorted way. i have edite the images in 600 * 160 , so it becomes easy to view in both andriod and IoS

Regards,
PaulSylo

Kindly mark "helpful", if this helps, or Mark as "Accepted " if it solves your issues !

ALBIN BABY
Tera Contributor

Hi Simran,

 try with a image size of height 600px and width 1200px. I tried with this and its working.

David Ha
ServiceNow Employee
ServiceNow Employee

Hi Simran,


Please refer to the Mobile Prod Docs for guidance:
https://docs.servicenow.com/bundle/quebec-mobile/page/administer/tablet-mobile-ui/task/sg-ui-section-config-media.html

 

'If your users primarily use iPhones, use a height of 160px and a width of 375px to 600px.'

 

Best,

David