# Text box width and height problems

**URL:** <https://forum.adalo.com/t/text-box-width-and-height-problems/14435>\
**Category:** Get Help\
**Created:** [July 2, 2021, 6:53pm UTC](https://forum.adalo.com/t/text-box-width-and-height-problems/14435 "2021-07-02T18:53:47Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![XaverRavr](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/xaverravr/32/9472_2.png) [@XaverRavr](https://forum.adalo.com/u/XaverRavr)\
**Post date:** [July 2, 2021, 6:53pm UTC](https://forum.adalo.com/t/text-box-width-and-height-problems/14435/1 "2021-07-02T18:53:47Z")

</div>

I am making a social app where you can post, in the post text box, when you create a post and write too much stuff it runs of the screen.

 ![Screenshot (2)](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/c/ce5a7933fbed7c4c2ecfb78d25e7744617df8295.png)

 ![Screenshot (3)](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/7/7f48bfdf48ef4e963c78f9d806d8da19c062606d.png)

 ![Screenshot (4)](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/c/c5de1389c84be1012f2f4d1bf03e8544481fa040.png)

 ![Screenshot (5)](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/f/f91f6ed415142c704f828645c5a52431561f812c.png)

Could anyone help?

---

<div class="post-metadata">

**Author:** ![Ash1](https://avatars.discourse-cdn.com/v4/letter/a/8c91f0/32.png) [@Ash1](https://forum.adalo.com/u/Ash1)\
**Post date:** [July 2, 2021, 9:37pm UTC](https://forum.adalo.com/t/text-box-width-and-height-problems/14435/2 "2021-07-02T21:37:57Z")

</div>

Have you tried deleting and re-adding the text box? I’ve had a few layout problems with text fields and most of the time a big of deleting, re-adding and moving around has solved the issue. You’ve probably already tried this but just in case 😉

---

<div class="post-metadata">

**Author:** ![XaverRavr](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/xaverravr/32/9472_2.png) [@XaverRavr](https://forum.adalo.com/u/XaverRavr)\
**Post date:** [July 2, 2021, 9:42pm UTC](https://forum.adalo.com/t/text-box-width-and-height-problems/14435/3 "2021-07-02T21:42:56Z")

</div>

I’ve tried that, i actually deleted my app and restarted it but it still didn’t work.

---

<div class="post-metadata">

**Author:** ![Ash1](https://avatars.discourse-cdn.com/v4/letter/a/8c91f0/32.png) [@Ash1](https://forum.adalo.com/u/Ash1)\
**Post date:** [July 2, 2021, 9:49pm UTC](https://forum.adalo.com/t/text-box-width-and-height-problems/14435/4 "2021-07-02T21:49:05Z")

</div>

Have you tried adding a transparent rectangle behind the left side of the text box? This can also resolve some layout problems.

If not hopefully someone else has some better ideas

---

<div class="post-metadata">

**Author:** ![ben1](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ben1/32/1040_2.png) [@ben1](https://forum.adalo.com/u/ben1)\
**Post date:** [July 2, 2021, 10:02pm UTC](https://forum.adalo.com/t/text-box-width-and-height-problems/14435/5 "2021-07-02T22:02:29Z")

</div>

Is this text field grouped with the background rectangle component?

---

<div class="post-metadata">

**Author:** ![XaverRavr](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/xaverravr/32/9472_2.png) [@XaverRavr](https://forum.adalo.com/u/XaverRavr)\
**Post date:** [July 2, 2021, 10:22pm UTC](https://forum.adalo.com/t/text-box-width-and-height-problems/14435/6 "2021-07-02T22:22:43Z")

</div>

What would the transperant rectangle do?

---

<div class="post-metadata">

**Author:** ![XaverRavr](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/xaverravr/32/9472_2.png) [@XaverRavr](https://forum.adalo.com/u/XaverRavr)\
**Post date:** [July 2, 2021, 10:23pm UTC](https://forum.adalo.com/t/text-box-width-and-height-problems/14435/7 "2021-07-02T22:23:48Z")

</div>

What is this rectangle thing?

---

<div class="post-metadata">

**Author:** ![ben1](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ben1/32/1040_2.png) [@ben1](https://forum.adalo.com/u/ben1)\
**Post date:** [July 2, 2021, 10:36pm UTC](https://forum.adalo.com/t/text-box-width-and-height-problems/14435/8 "2021-07-02T22:36:19Z")

</div>

In your screenshot, there is a rectangle component that is used as the background of this post card. Group That with the text field.

---

<div class="post-metadata">

**Author:** ![Yongki](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@Yongki](https://forum.adalo.com/u/Yongki)\
**Post date:** [July 2, 2021, 10:36pm UTC](https://forum.adalo.com/t/text-box-width-and-height-problems/14435/9 "2021-07-02T22:36:49Z")

</div>

Hi @XaverRavr ,

It need a space, literal space character.

---

<div class="post-metadata">

**Author:** ![Yongki](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@Yongki](https://forum.adalo.com/u/Yongki)\
**Post date:** [July 2, 2021, 10:38pm UTC](https://forum.adalo.com/t/text-box-width-and-height-problems/14435/10 "2021-07-02T22:38:45Z")

</div>

Hi @ben1 ,

I happened to have the app’s clone, when I put a space between those characters, it becomes like this.

 ![Screen Shot 2021-07-03 at 5.37.55 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/0/033981b6841774f2da3899a17a9df0789506b017.png)

So in the real use case, the text will have spaces, so it can go to the next line.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\
**Post date:** [July 12, 2021, 10:39pm UTC](https://forum.adalo.com/t/text-box-width-and-height-problems/14435/11 "2021-07-12T22:39:27Z")

</div>

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