# \[Solved\] Custom alert and scrollable column Help!

**URL:** <https://community.thunkable.com/t/solved-custom-alert-and-scrollable-column-help/1041934>\
**Category:** Questions about Thunkable X\
**Created:** [December 30, 2020, 5:09am UTC](https://community.thunkable.com/t/solved-custom-alert-and-scrollable-column-help/1041934 "2020-12-30T05:09:12Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![roumak-coder](https://avatars.discourse-cdn.com/v4/letter/r/b38774/32.png) [@roumak-coder](https://community.thunkable.com/u/roumak-coder)\
**Post date:** [December 30, 2020, 5:09am UTC](https://community.thunkable.com/t/solved-custom-alert-and-scrollable-column-help/1041934/1 "2020-12-30T05:09:12Z")

</div>

Hi, I was working on an app and I am stuck on two places -

1. **Custom Alert** - As we cannot put text-input inside an alert so I made one for my self. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/8/e8dbe4271e0a849f424ec115631ba2286fdf882c.png)

But whenever I start typing the things just get messy.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/4/3495da87ec5511a129a690f08c52e257c9876310.png)  
  
  

1. **Scrollable Column** - I created a column and also set its scrollable property as true ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/8/b833cfa64fea571d4e1371daaf03daaacc591f8e.png) for showing the clone labels but it is not scrollable.

---

<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:** [December 30, 2020, 5:39am UTC](https://community.thunkable.com/t/solved-custom-alert-and-scrollable-column-help/1041934/2 "2020-12-30T05:39:48Z")

</div>

For your popup input box, you need to have the column size absolute to avoid change in size when the keyboard shows up.

The column scroll needs also different settings in column height and width. Try setting them to “fit content” and “fill container” to check which one would work.

---

<div class="post-metadata">

**Author:** ![luv.ak.tech](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/luv.ak.tech/32/104896_2.png) [@luv.ak.tech](https://community.thunkable.com/u/luv.ak.tech)\
**Post date:** [December 30, 2020, 6:04am UTC](https://community.thunkable.com/t/solved-custom-alert-and-scrollable-column-help/1041934/3 "2020-12-30T06:04:19Z")

</div>

first of all did you see this -[Making a Input Alert](http://community.thunkable.com/t/making-a-input-alert/675684)

---

<div class="post-metadata">

**Author:** ![roumak-coder](https://avatars.discourse-cdn.com/v4/letter/r/b38774/32.png) [@roumak-coder](https://community.thunkable.com/u/roumak-coder)\
**Post date:** [December 30, 2020, 6:22am UTC](https://community.thunkable.com/t/solved-custom-alert-and-scrollable-column-help/1041934/4 "2020-12-30T06:22:55Z")

</div>

Hey, @luv.ak.tech Thanks for your suggestion but I wanted to use custom alert to decorate it as I wanted.

---

<div class="post-metadata">

**Author:** ![roumak-coder](https://avatars.discourse-cdn.com/v4/letter/r/b38774/32.png) [@roumak-coder](https://community.thunkable.com/u/roumak-coder)\
**Post date:** [December 31, 2020, 3:01am UTC](https://community.thunkable.com/t/solved-custom-alert-and-scrollable-column-help/1041934/5 "2020-12-31T03:01:11Z")

</div>

@muneer Thanks for your help!! The setting of absolute height for the custom alert worked very well!  
And the for the scrollable column I have set the height as Fit contents and put that in a column with height fill container for the background colour.  
Thanks @muneer

---

<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:19pm UTC](https://community.thunkable.com/t/solved-custom-alert-and-scrollable-column-help/1041934/6 "2024-11-08T12:19:21Z")

</div>


