How can I layer an image on top of another?

Questions about Thunkable
1

How can I layer two .pngs on top of eachother and then save the file

2

Hello

Use the layout colum. Simply Just drag the two pro layout images
3

Im making an app where I want the user to upload a picture and then the app will overlay another picture on top. Any api you know of?

4

Hello, it's a pleasure to meet you again.

I'm afraid you're trying to make an image-editing application? Or is it style a social network where people post photos anonymously ?None of the options need an API, thunkable itself makes it possible for us.

5

I just need to overlay an image on top of another image

6

Use a layout

7

You can’t overlap images in layout

8

In the layout you can overlap both images and components.

https://x.thunkable.com/projects/5b30711947be56acbd8860ec/project/properties/designer/

9

oh ok, how do i save the image @actech

10

To save the image, you can make a screenshot of the screen.

In Thunkable X, you can not edit or save images. Therefore, to create a composition of images, you need to look for online services for working with images. For example:

http://www.online-image-editor.com/

Also you can see the frameworks for working with images.

1 Like
11

Using Z Index (under Advanced - Positioning) worked for me; set the first image Z Index to say, 10, and the one that should appear on top of that to 100.

1 Like
12

How do you overlap images?
I cant seem to do it.

13

How do you change the z index?

14

in the ‘Advanced’ properties tab of the component, under ‘Positioning’.

15

If you use the new drag and drop designer you can simply drag the components on top of one another. Changing the order in the list on the left hand side will change which control is on top and which is underneath

16

You can try using a stored variable to save the URL of the image.