Fullscreen Image?

Hey all,

sorry if this a no brainer question, but is there a way to make an image be fullscreen for all screen sizes?

Thank you!

Hi @spirosrdb57, welcome to Thunkable!

There are a couple of ways to do this depending how you want the image to display full screen. I know you said click event but I want to show both ways as they’ll be related. Keep in mind these are all for our Drag and Drop Editor.

If you just want it to display the full height and width of the screen (regardless of the screen size), you could use our Layout component and place an image in a container and set its height and width to fill container

If you are doing this on a click event, you could create a “lightbox” of sorts so that when a user clicks on the image, it’ll open in a new screen and you can display the image in the Layout as I mentioned above.
Screenshot 2023-10-18 at 10.12.51 AM

You could add another click event on the full size image so that when it is clicked, the user returns back to the screen with the smaller verison of the image.

Let us know how this works!

I will check it out, thank you for your help :smiling_face:

1 Like

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