Background photos taking viewport

Get Help
1

Hi,
What is the best way to have a photo occupy all the viewport for background purposes? If I am developing the background as a photo, when I change the phone layout, the image is then misplaced, not occupying the full screen. Thanks

2

You have to set the background image within the screen properties.

image
image445Ă—918 24 KB

1 Like
3

Hi Colin,
I did that, but how to size for different screens (mobiles). It will always have different sizes according to viewport of the mobile. Ideally there should be a fit-to-screen, cover, contain selection for example. Thanks

4

It should fit automatically to the screen already with this option. Can you show a screenshot of it not doing that?

5

If I am in Development mode it shows like this

adalo development mode
adalo development mode471Ă—717 37.8 KB

If I check it from mobile it gives this_

adalo mobile mode
adalo mobile mode389Ă—820 34.1 KB

Also, characters are missing in the buttons which are quite odd.

Another thing I just noticed is

image
image894Ă—724 158 KB

the login has no signup process in development mode, but in the MOBILE app it appears in the bottom in the white section, which actually seems tobe the issue.

6

Hi,
Did anyone had chance to look into it?

Thank you.Jorge

7

No, I didn’t get a chance yet but will try tomorrow.

1 Like
8

Thanks Colin,
This is affecting all my apps, also in progressive mode.

9

So I fixed the login screen for you as an example. There were 2 issues with it.

  1. You had that signup text group hidden under the image (bottom layer), that is why it was not visible.

  2. You were using an image component instead of using the screens style background option like I had mentioned in the first post.

I have used a temporary image as the background for the login page, you are able to change this yourself now. Below is a screenshot to remind you where this setting is.

image
image1383Ă—938 235 KB

10

Hi Colin,
“I was once blind, but now I see” :D. My apologies, my brain kept insisting to make style changes in the photo itself. i will take a look. Thanks.

One last thing, I don’t know if you check but characters are missing when checking the apps via the ADALO app.

image
image365Ă—569 59.8 KB

Thank you very much.

11

I don’t have that problem at all actually. Have you tried doing a hard refresh of the page to remove the cache?

12

This happens only using the Adalo App from Google Store to view the apps.

13

What device are you using?

14

Hi, a regular Android phone - OnePlus 6

15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.