# I want to change alignment of group using block

**URL:** <https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [January 27, 2022, 8:49pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319 "2022-01-27T20:49:05Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![technosoft342ko4o8o](https://avatars.discourse-cdn.com/v4/letter/t/7cd45c/32.png) [@technosoft342ko4o8o](https://community.thunkable.com/u/technosoft342ko4o8o)\
**Post date:** [January 27, 2022, 8:49pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/1 "2022-01-27T20:49:06Z")

</div>

i want to change alignment of components in red circle when groups in black circle are visible true. i just want ,  
when i add new group after these five groups in black circle the group in red circle automatically move downward  
thanks in advance

 ![Screenshot (2)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/7/a7653e527c4cb4095f3b598b5818a3ea3a09d508.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [January 27, 2022, 8:54pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/2 "2022-01-27T20:54:40Z")

</div>

Are you using clone blocks to create the black section? What does your component tree (list of components on the left side of the Design window) look like?

What do you want to have happen with the red section? What would it look like if it was working correctly?

Are you saying that the red section does not move when you add a group to the black section? What does happen?

Is this the snap to place interface or drag and drop interface?

---

<div class="post-metadata">

**Author:** ![technosoft342ko4o8o](https://avatars.discourse-cdn.com/v4/letter/t/7cd45c/32.png) [@technosoft342ko4o8o](https://community.thunkable.com/u/technosoft342ko4o8o)\
**Post date:** [January 27, 2022, 9:08pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/3 "2022-01-27T21:08:21Z")

</div>

i just want to move red section group downward if i add new group in the black section every time i click on the green plus sign button a new group is added on the screen i want when screen is full with groups then black section moves automatically to downward

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [January 27, 2022, 10:23pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/4 "2022-01-27T22:23:33Z")

</div>

You’re describing what happens on the screen but I need to know **how** it happens in your code. So you need to explain what blocks you’re using to create the new groups.

It may be easier to just share a link to your project.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [January 28, 2022, 1:12am UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/5 "2022-01-28T01:12:13Z")

</div>

You could consider creating a custom dvl layout. It’s a bit more advanced of a task but then items don’t need to shifted on screen and instead your rows of input can be scrolled.

---

<div class="post-metadata">

**Author:** ![technosoft342ko4o8o](https://avatars.discourse-cdn.com/v4/letter/t/7cd45c/32.png) [@technosoft342ko4o8o](https://community.thunkable.com/u/technosoft342ko4o8o)\
**Post date:** [January 30, 2022, 12:20pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/6 "2022-01-30T12:20:48Z")

</div>

[https://x.thunkable.com/projects/61dc970bc0ea8f00104b3bd4/18ce9e5c-c783-4bbe-bfea-73741b4ed74c/designer](https://x.thunkable.com/projects/61dc970bc0ea8f00104b3bd4/18ce9e5c-c783-4bbe-bfea-73741b4ed74c/designer)  
here is link of my project .  
basically this is mobile app for order taking from pharmacy store.

---

<div class="post-metadata">

**Author:** ![technosoft342ko4o8o](https://avatars.discourse-cdn.com/v4/letter/t/7cd45c/32.png) [@technosoft342ko4o8o](https://community.thunkable.com/u/technosoft342ko4o8o)\
**Post date:** [January 30, 2022, 12:35pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/7 "2022-01-30T12:35:21Z")

</div>

can i use blocks to set x axis and y axis of components .if yes please tell me how i can set these values using blocks .thanks alot

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 30, 2022, 12:40pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/8 "2022-01-30T12:40:20Z")

</div>

> [@technosoft342ko4o8o](#):
>
> can i use blocks to set x axis and y axis of components

At the moment, you cannot position components using code in DnD (Drag and Drop) UI.

---

<div class="post-metadata">

**Author:** ![technosoft342ko4o8o](https://avatars.discourse-cdn.com/v4/letter/t/7cd45c/32.png) [@technosoft342ko4o8o](https://community.thunkable.com/u/technosoft342ko4o8o)\
**Post date:** [January 30, 2022, 12:44pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/9 "2022-01-30T12:44:55Z")

</div>

so not possible in thunkable at this time to set x axis or y axis in blocks ? is there any alternative method to achieve this goal

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 30, 2022, 12:50pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/10 "2022-01-30T12:50:29Z")

</div>

> [@technosoft342ko4o8o](#):
>
> is there any alternative method to achieve this goal

Depending in the use case, you might be able to use DVL (Data Viewer List) to accomplish it.

---

<div class="post-metadata">

**Author:** ![technosoft342ko4o8o](https://avatars.discourse-cdn.com/v4/letter/t/7cd45c/32.png) [@technosoft342ko4o8o](https://community.thunkable.com/u/technosoft342ko4o8o)\
**Post date:** [January 30, 2022, 12:58pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/11 "2022-01-30T12:58:52Z")

</div>

thanks alot muneer

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 30, 2022, 1:14pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/12 "2022-01-30T13:14:19Z")

</div>

You’re welcome

---

<div class="post-metadata">

**Author:** ![technosoft342ko4o8o](https://avatars.discourse-cdn.com/v4/letter/t/7cd45c/32.png) [@technosoft342ko4o8o](https://community.thunkable.com/u/technosoft342ko4o8o)\
**Post date:** [January 30, 2022, 1:52pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/13 "2022-01-30T13:52:54Z")

</div>

how to achieve this functionality in thunkable x please watch video  
[Record\_2022-01-30-18-42-44.zip](https://community.thunkable.com/uploads/short-url/iiTNp1ocgXeA3A59P74XGAIi59n.zip) (242.0 KB)  
.this video is from kodular

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 30, 2022, 1:59pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/14 "2022-01-30T13:59:51Z")

</div>

> [@technosoft342ko4o8o](#):
>
> how to achieve this functionality in thunkable x

What functionality are you after?  
I saw the video but did not understand what you want.

Do you want once you click on a button or label to change position?

---

<div class="post-metadata">

**Author:** ![technosoft342ko4o8o](https://avatars.discourse-cdn.com/v4/letter/t/7cd45c/32.png) [@technosoft342ko4o8o](https://community.thunkable.com/u/technosoft342ko4o8o)\
**Post date:** [January 30, 2022, 2:13pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/15 "2022-01-30T14:13:36Z")

</div>

yes when i click on button position will change .but in thunkable x components are overlapping each other

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 30, 2022, 2:20pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/16 "2022-01-30T14:20:07Z")

</div>

> [@technosoft342ko4o8o](#):
>
> when i click on button position will change

I just created a quick demo. Try it  
[https://x.thunkable.com/projectPage/61f69d7bc1ebc70010259911](https://x.thunkable.com/projectPage/61f69d7bc1ebc70010259911)

---

<div class="post-metadata">

**Author:** ![technosoft342ko4o8o](https://avatars.discourse-cdn.com/v4/letter/t/7cd45c/32.png) [@technosoft342ko4o8o](https://community.thunkable.com/u/technosoft342ko4o8o)\
**Post date:** [January 30, 2022, 2:47pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/17 "2022-01-30T14:47:56Z")

</div>

i my side there is no option for layout and column .can you please tell me how i can use these ?at your side both layout and column is available.

---

<div class="post-metadata">

**Author:** ![technosoft342ko4o8o](https://avatars.discourse-cdn.com/v4/letter/t/7cd45c/32.png) [@technosoft342ko4o8o](https://community.thunkable.com/u/technosoft342ko4o8o)\
**Post date:** [January 30, 2022, 2:54pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/18 "2022-01-30T14:54:45Z")

</div>

![Screenshot (3)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/9/890f68045513b67a3f9e8df583451a825107aa37.jpeg)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [January 30, 2022, 3:33pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/19 "2022-01-30T15:33:01Z")

</div>

When you create a new project, you need to uncheck the box that says “try our new drag and drop interface.”

> [@Thunkable Drag and Drop Docs are Here!](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/6):
>
> Hi there, When you create a new project, you will see a checkbox in the create project modal that asks if you want to try out Thunkable’s new drag and drop interface If you check this checkbox, as seen in the above screenshot, you can start building with the drag and drop interface!

There is no way to convert a drag and drop project to a snap to place project.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 30, 2022, 3:47pm UTC](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319/20 "2022-01-30T15:47:15Z")

</div>

If all what you want is the order form to have more rows then you can do that with the DVL (Data Viewer List).

Another thing to note is that Thunkable does not have **EXIT** button.

[Next page](https://community.thunkable.com/t/i-want-to-change-alignment-of-group-using-block/1700319.md?page=2)
