# Removing the "see all" button when limiting a list

**URL:** https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607
**Category:** Feature Requests
**Created:** [December 9, 2020, 9:26am UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607 "2020-12-09T09:26:04Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![MaxB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maxb/32/15623_2.png) [@MaxB](https://community.glideapps.com/u/MaxB)
#### Post date: [December 9, 2020, 9:26am UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607/1 "2020-12-09T09:26:04Z")

</div>

I’d like to limit the displaying of a list without it showing the “see all” in the top right corner.

It’s not possible atm if I’m correct but I’d need it as if the user clicks it it open a list that I can’t manage as details but only as “pure list”.

---

<div class="post-metadata">

### Author: ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)
#### Post date: [December 9, 2020, 11:58am UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607/2 "2020-12-09T11:58:07Z")

</div>

Could you use a filter to just display the first X items in the list yourself perhaps?

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [December 9, 2020, 12:10pm UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607/3 "2020-12-09T12:10:40Z")

</div>

Would you be willing to add CSS to the app?

---

<div class="post-metadata">

### Author: ![MaxB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maxb/32/15623_2.png) [@MaxB](https://community.glideapps.com/u/MaxB)
#### Post date: [December 9, 2020, 12:13pm UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607/4 "2020-12-09T12:13:17Z")

</div>

> [@ThinhDinh](#):
>
> Would you be willing to add CSS to the app?

I don’t know CSS, will it be complicate? Will it bring any downsides?

> [@V88](#):
>
> Could you use a filter to just display the first X items in the list yourself perhaps?

Good suggestion, but it’s a step more, and I don’t want the user to be able to click and open another list (that I have to set up, and that is not fully customizable)

---

<div class="post-metadata">

### Author: ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)
#### Post date: [December 9, 2020, 12:18pm UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607/5 "2020-12-09T12:18:46Z")

</div>

Another list will only open if they click the “see all” link. That link will only be shown if you have chosen to limit the number of items displayed AND the number in the list exceeds that.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [December 9, 2020, 12:52pm UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607/6 "2020-12-09T12:52:20Z")

</div>

The CSS to insert in a rich text component is here.

> [@Update to horizontal inline lists](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/13):
>
> \<pre\>\<span\>\<style\> [data-test="see-all"]{ display: none } Can you try this?

With this one specifically it should be pretty safe, the other ones I use with class names are not safe though.

---

<div class="post-metadata">

### Author: ![Joseph\_Leblanc](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joseph_leblanc/32/16002_2.png) [@Joseph\_Leblanc](https://community.glideapps.com/u/Joseph_Leblanc)
#### Post date: [February 8, 2021, 9:53pm UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607/7 "2021-02-08T21:53:08Z")

</div>

> [@Update to horizontal inline lists](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/13):
>
> ```
> [data-test="see-all"]{ display: none }
> ```

Thank you so much for this trick to remove “see all”. You saved my day 🙂

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [February 8, 2021, 10:51pm UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607/8 "2021-02-08T22:51:50Z")

</div>

Glad I could help!

---

<div class="post-metadata">

### Author: ![MaxB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maxb/32/15623_2.png) [@MaxB](https://community.glideapps.com/u/MaxB)
#### Post date: [February 14, 2021, 5:28pm UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607/9 "2021-02-14T17:28:43Z")

</div>

Where do i put the code?

EDIT: Ok, got it , it applied the result to all the lists on that ‘page’.  
Works, thx.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [February 15, 2021, 8:48am UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607/10 "2021-02-15T08:48:15Z")

</div>

Probably there’s a way to apply a nth-child CSS trick to target only some specific inline lists in the page.

---

<div class="post-metadata">

### Author: ![MaxB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maxb/32/15623_2.png) [@MaxB](https://community.glideapps.com/u/MaxB)
#### Post date: [February 15, 2021, 2:54pm UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607/11 "2021-02-15T14:54:02Z")

</div>

I was just gonne add a comment since I’d need it, but it’s still just magic to me.  
Any hint on how it could be achieved?

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [February 15, 2021, 4:26pm UTC](https://community.glideapps.com/t/removing-the-see-all-button-when-limiting-a-list/19607/12 "2021-02-15T16:26:55Z")

</div>

> [@Dynamically show Most Viewed Posts](https://community.glideapps.com/t/dynamically-show-most-viewed-posts/22189/12):
>
> Your lucky day! tadaThank @marcioferlan, he helpes me a lot and helped me to find this! Obs: This :nth-of-type (1) has to match the ordinal of the component that represents the inline, you know? If there are other components above the first inline, this ordinal has to be adjusted. \<style\> div[id\*='screenScrollView'] \> div \> div:nth-of-type(1) button[data-test='see-all'] { display: none; } \</style\>
