New Bug Encountered: Background image is not responsive

[Chetty]

Hey folks!

I’ve noticed that the background image I’m using in my app looks fine on mobile view but is only partially viewable in tablet/web view. The app is not responsive with the image. Is this a bug?

Mobile view

Tablet/web view

Please help!

[Austin]

the behavior shown “feels” like it is correct. Appsheet is trying to keep the aspect ratio the same which cuts off the bottom portion of the image.

[Chetty]

Maybe, but it just makes the end result look unprofessional. App Sheet really should be able to address this.

[Austin]

I mean to address it they would have to squish your image which would also look unprofessional?

[Chetty]

Ideally App Sheet should be able to resize the image to fit the active window regardless of device/view type. What I’m seeing is the top part and bottom half of the image completely cut off in tablet/web browser view, I’d be interested to know how the app is deciding what part of the image to show.

[Austin]

Resize=Squish it to look ugly.Heres a stretched version of your image now Join>Browse>Connect is unreadable.

I assume it takes the horizontal width of the screen and the aspect ratio of the original and then resizes the image while keeping the aspect ratio. You are either gonna end up with blank space, squished images, or cut off images. There is no magic way to display a 500x1000 image on a 1000x500 display and keep it looking the same.

Since you seem to be using a detail view to display this image, you could use CONTEXT(VIEWTYPE) to display a different image that is a different aspect ratio that would look better on a tablet or browser. I believe the CONTEXT is decided by the width of the window. This wouldn’t mean that you can resize the browser and have it switch images but it would display the image based on the initial size of whatever is viewing the page.

[Steve]

help.appsheet.com

Brand: The Essentials

The UX > Brand section allows you to control the appearance of your app.