# Long list in modal screen

**URL:** <https://forum.adalo.com/t/long-list-in-modal-screen/45635>\
**Category:** Design\
**Created:** [February 29, 2024, 1:32pm UTC](https://forum.adalo.com/t/long-list-in-modal-screen/45635 "2024-02-29T13:32:50Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![sattyani](https://avatars.discourse-cdn.com/v4/letter/s/ee7513/32.png) [@sattyani](https://forum.adalo.com/u/sattyani)\
**Post date:** [February 29, 2024, 1:32pm UTC](https://forum.adalo.com/t/long-list-in-modal-screen/45635/1 "2024-02-29T13:32:50Z")

</div>

Hi,  
I need help with the design / setup of a popup screen. basically I have a long list of items to show on the popup screen so the user can pick one of them.  
I have put a group on top for the search field, and another group on bottom for the “done” button.

since its a long list of options I am unable to strict the list to stay withing the boundaries of the top / bottom groups.

See screenshot for what I mean,  
Any idea / example of how this can be done?

 ![modal 1](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/5/3/53743eac89b6817fe842050b94e9af6cbb94b63b.png)  
 ![modal 2](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/8/f/8f28de5bfb90ce8933a08ef39dbf67937ccb3595.png)

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [April 13, 2024, 11:17am UTC](https://forum.adalo.com/t/long-list-in-modal-screen/45635/2 "2024-04-13T11:17:06Z")

</div>

@sattyani, check this component made by No Code Monkey!

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/2/1/21528c63d8c650ef043144f3f3b2cedd2f5c84ee.png)