# When putting elements in rows including a text input box will cause everything to become squished when typing

**URL:** https://community.thunkable.com/t/when-putting-elements-in-rows-including-a-text-input-box-will-cause-everything-to-become-squished-when-typing/166148
**Category:** Questions about Thunkable X
**Created:** [August 2, 2019, 11:53am UTC](https://community.thunkable.com/t/when-putting-elements-in-rows-including-a-text-input-box-will-cause-everything-to-become-squished-when-typing/166148 "2019-08-02T11:53:49Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![s2113631k](https://avatars.discourse-cdn.com/v4/letter/s/8dc957/32.png) [@s2113631k](https://community.thunkable.com/u/s2113631k)
#### Post date: [August 2, 2019, 11:53am UTC](https://community.thunkable.com/t/when-putting-elements-in-rows-including-a-text-input-box-will-cause-everything-to-become-squished-when-typing/166148/1 "2019-08-02T11:53:49Z")

</div>

How do you fix this. Thanks in advance

---

<div class="post-metadata">

### Author: ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)
#### Post date: [August 2, 2019, 12:55pm UTC](https://community.thunkable.com/t/when-putting-elements-in-rows-including-a-text-input-box-will-cause-everything-to-become-squished-when-typing/166148/2 "2019-08-02T12:55:25Z")

</div>

Hi there,  
Have you take any screenshot to let us take a look? Thanks.

---

<div class="post-metadata">

### Author: ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)
#### Post date: [August 2, 2019, 1:11pm UTC](https://community.thunkable.com/t/when-putting-elements-in-rows-including-a-text-input-box-will-cause-everything-to-become-squished-when-typing/166148/3 "2019-08-02T13:11:51Z")

</div>

If you don’t want it to squish you can enable multiline in the advanced design settings of the text input. You can also set its width to be a percentage of the screen, and make sure the percentages of all the other components in the row add up to less than or = to 100% (more than 100% would go outside the screen boundaries)

When using width, you should always use percentages where possible.

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 12:11pm UTC](https://community.thunkable.com/t/when-putting-elements-in-rows-including-a-text-input-box-will-cause-everything-to-become-squished-when-typing/166148/4 "2024-11-08T12:11:59Z")

</div>


