# The group is cut off on the preview

**URL:** <https://forum.adalo.com/t/the-group-is-cut-off-on-the-preview/17534>\
**Category:** Get Help\
**Created:** [September 21, 2021, 4:17pm UTC](https://forum.adalo.com/t/the-group-is-cut-off-on-the-preview/17534 "2021-09-21T16:17:04Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![AnastasiiaPupkova](https://avatars.discourse-cdn.com/v4/letter/a/cdc98d/32.png) [@AnastasiiaPupkova](https://forum.adalo.com/u/AnastasiiaPupkova)\
**Post date:** [September 21, 2021, 4:17pm UTC](https://forum.adalo.com/t/the-group-is-cut-off-on-the-preview/17534/1 "2021-09-21T16:17:05Z")

</div>

Hi there!

I would like to ask you to help me and explain what the problem may be in the following situation.

I created a screen and placed several groups. Each group contains a list.  
The displaying of information from the database works correctly.  
But when I are viewing a preview the last group is clipped (never mind which device I use: mobile or laptop).  
I attached screens of my app.

Please could you specify what the problem may be and how to solve it?

![Снимок](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/9/9c1ad8cfeb777c94a546b64c45eb610462bef8fc.png)  
 ![Снимок1](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/6/61d106c0855b3d609c441d3a8c5001a8f4199d04.png)

Thanks for help!

---

<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:** [September 21, 2021, 4:23pm UTC](https://forum.adalo.com/t/the-group-is-cut-off-on-the-preview/17534/2 "2021-09-21T16:23:38Z")

</div>

Hi @AnastasiiaPupkova .

Did you set the maximum number items to 1 or did you add any filter?

Thank you

---

<div class="post-metadata">

**Author:** ![AnastasiiaPupkova](https://avatars.discourse-cdn.com/v4/letter/a/cdc98d/32.png) [@AnastasiiaPupkova](https://forum.adalo.com/u/AnastasiiaPupkova)\
**Post date:** [September 21, 2021, 4:32pm UTC](https://forum.adalo.com/t/the-group-is-cut-off-on-the-preview/17534/3 "2021-09-21T16:32:18Z")

</div>

> [@Dilon](#):
>
> Did you set the maximum number items to 1 or did you add any filter?
> 
> Thank you

Hi Dilon,

Yes, you are right.  
I configured the maximum number items to 2, but nevertheless if I delete it, the problem will not be solved.

 ![Снимок2](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/c/c41cf4065d4b2afc723f4252a9916b87264b3012.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:** [September 21, 2021, 4:35pm UTC](https://forum.adalo.com/t/the-group-is-cut-off-on-the-preview/17534/4 "2021-09-21T16:35:25Z")

</div>

@AnastasiiaPupkova you want to add 2 items when the list is appearing and when someone click that arrow it will move horizontally

---

<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:** [September 21, 2021, 4:36pm UTC](https://forum.adalo.com/t/the-group-is-cut-off-on-the-preview/17534/5 "2021-09-21T16:36:09Z")

</div>

@AnastasiiaPupkova you can use Horizontal Card list for this

---

<div class="post-metadata">

**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\
**Post date:** [September 21, 2021, 5:19pm UTC](https://forum.adalo.com/t/the-group-is-cut-off-on-the-preview/17534/6 "2021-09-21T17:19:58Z")

</div>

Hi @AnastasiiaPupkova,

Welcome to the forum!

Most probably the list isn’t being “cut”, but rather is being covered by the tab bar. To check whether it’s true or not, you can temporarily hide it and see if cards are displayed correctly.

To solve this, you need to experiment a bit with the screen height and list layout. Try to increase the height, move the tab bar to the “new” bottom, and make sure that list’s bottom line is above (higher) than the tab bar’s top.

Best regards, Victor.

---

<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:** [October 1, 2021, 5:20pm UTC](https://forum.adalo.com/t/the-group-is-cut-off-on-the-preview/17534/7 "2021-10-01T17:20:07Z")

</div>

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