App Inventor's apps resize background image and other content depending on screen size

background-image autoresize screen-size app-inventor
user1797813 picture user1797813 · Nov 4, 2012 · Viewed 9.3k times · Source

I am programming with app inventor and I want my app to support all screen resolutions and aspect ratios and the background image and the other content resize depending on screen size. How can i do this?

More specific, I have a canvas fill parents, and I want the background image of this canvas fill also parent, but I can only set the size of this image by pixels. Can someone help me?

Answer

Taifun picture Taifun · Nov 4, 2012

You said, you set the canvas width and height to fill parents. To make sure that this works also for the height, set screen.scrollable to false and test it on your device.

screenshot designer window
enter image description here

screenshot device

screenshot

Related questions

How to apply a CSS filter to a background image

I have a JPEG file that I'm using as a background image for a search page, and I'm using CSS to set it because I'm working within Backbone.js contexts: background-image: url("whatever.jpg"); I want to apply a CSS 3 …

Read More
CSS Display an Image Resized and Cropped

I want to show an image from an URL with a certain width and height even if it has a different size ratio. So I want to resize (maintaining the ratio) and then cut the image to the size I …

Read More
How do I combine a background-image and CSS3 gradient on the same element?

How do I use CSS3 gradients for my background-color and then apply a background-image to apply some sort of light transparent texture?

Read More