[SOLVED] Intro to Sizing | Snap to Place | Thunkable Docs

Just wondering if the following are still available.
I can’t find Relative size, Absolute size, Fit contents, or Fill container anywhere.

Or maybe I’m missing something I’m expected to know.

Don’t know why I didn’t answer this before, but the link is:
https://x.thunkable.com/projects/64e80833f2ac031b5b92fee3/806af29f-65a1-4ba0-aa52-011f16cde581/designer


@matt_conroy

@peterjamesleniq Those are the docs for our Snap to Place editor, the project in the screenshot is made using our Drag and Drop editor.

You can use the Layout component with the Drag and Drop editor, this will allow you to position UI components on the screen relative to other components. It also allows for relative or absolute sizing.

1 Like

Hi Matt.

Thanks for the answer, this almost exactly want I need.

The icon looks like it has 3 boxes in it.
Untitled
I’m wondering if we are actually able to make such a design.
Meaning one long vertical box on the left and 2 boxes on the right.
The design I want to do will be different, but if I can make a Layout like the 3 boxes in the icon, I should be able to create a Layout which I’m looking for.

The icon used for the Layout component is just a reference, you can always manipulate the size and orientation of the Layout and its containers (vertical or horizontal)–this is where it would be similar to rows and columns you saw in Snap to Place projects.

You could absolutely replicate the layout of the image in your original post. From a quick glance, it would be comprised of a vertical Layout component with 3 or 4 main containers. Let me know I can offer further guidance!

1 Like

Hi Matt.
In order to make something like the component in the icon I did the following.
I put a vertical container to a Layout component.
(colours added so we can see what is happening.)

But when I try and add another vertical container next to it, I can’t, it always goes below, never to the side.

If I use 2 different Layout components, I can of course do it, but I was wondering if it can be done by using only one Layout component.

Link to example project.
https://x.thunkable.com/projects/6552e9bb1fc11c410e3ab415/fff88835-becb-4a67-8e64-096c9a679fb5/designer

1 Like

Hello @peterjamesleniq
To build this you will need to change the Layout to horizontal


Then inside the second container add two containers
Here is the project: Thunkable

1 Like

Hi Ioannis.
Damn, I now see see what I was doing wrong.
I wasn’t puting the direction of the Layout in correctly.
Thanks for that.
That’s a life saver.

1 Like

Hi Matt,
ioannis should me where I was going wrong.
All is good now.
Thanks for replying.

1 Like