# Update to horizontal inline lists

**URL:** <https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164>\
**Category:** General\
**Created:** [July 8, 2020, 1:53pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164 "2020-07-08T13:53:06Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![JackVaughan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jackvaughan/32/49023_2.png) [@JackVaughan](https://community.glideapps.com/u/JackVaughan)\
**Post date:** [July 8, 2020, 1:53pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/1 "2020-07-08T13:53:06Z")

</div>

![Screen Shot 2020-07-08 at 2.44.42 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/ea99c0ac7d7d5442973a26c1f66a53e78e0bd8d8.jpeg)

You can now choose the maximum number of items that will show in horizontal scrolling lists. This allows you to:

1. Control whether when/if you will show the ‘See all’ button
2. Create horizontal lists that scroll indefinitely and never trigger a separate ‘See all’ screen.

---

<div class="post-metadata">

**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\
**Post date:** [July 8, 2020, 1:54pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/2 "2020-07-08T13:54:29Z")

</div>

Thanks @JackVaughan @david @Mark  
and all other glide team members

---

<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:** [July 8, 2020, 2:01pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/3 "2020-07-08T14:01:06Z")

</div>

For the future, it might be nice to be able to disable the see all option. I think it could be useful to be able to sort a list randomly, but only show one list item. This could be used for an advertisement like experience, or a show a random image, or quote, etc. Without the need to see all of the underlying list items.

---

<div class="post-metadata">

**Author:** ![erwblo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/erwblo/32/75_2.png) [@erwblo](https://community.glideapps.com/u/erwblo)\
**Post date:** [July 8, 2020, 2:36pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/4 "2020-07-08T14:36:54Z")

</div>

Is only show 1 item not the same?

---

<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:** [July 8, 2020, 2:38pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/5 "2020-07-08T14:38:48Z")

</div>

It works, but you would still see the ‘See All’ text.

---

<div class="post-metadata">

**Author:** ![erwblo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/erwblo/32/75_2.png) [@erwblo](https://community.glideapps.com/u/erwblo)\
**Post date:** [July 8, 2020, 2:39pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/6 "2020-07-08T14:39:07Z")

</div>

Ah right!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 8, 2020, 11:07pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/7 "2020-07-08T23:07:19Z")

</div>

I guess hide the see all text using css?

---

<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:** [July 8, 2020, 11:11pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/8 "2020-07-08T23:11:31Z")

</div>

I suppose that could work for the interim. I don’t have a particular use case myself, but I know I’ve seen a few posts regarding this functionality. Actually just referenced a previous post to this one about the same subject.

I have reservations about injecting CSS as a long term solution (in case it stops working), but as long as there is a back up plan, I don’t see a problem with it.

---

<div class="post-metadata">

**Author:** ![Jaime](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jaime/32/72726_2.png) [@Jaime](https://community.glideapps.com/u/Jaime)\
**Post date:** [July 10, 2020, 12:13am UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/9 "2020-07-10T00:13:52Z")

</div>

Slight tangent, but it would be really cool if we could limit the # of items displayed on a chart, similarly to this feature.

---

<div class="post-metadata">

**Author:** ![JackVaughan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jackvaughan/32/49023_2.png) [@JackVaughan](https://community.glideapps.com/u/JackVaughan)\
**Post date:** [July 10, 2020, 10:08am UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/10 "2020-07-10T10:08:13Z")

</div>

Do you mean the legend underneath?

---

<div class="post-metadata">

**Author:** ![Jaime](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jaime/32/72726_2.png) [@Jaime](https://community.glideapps.com/u/Jaime)\
**Post date:** [July 10, 2020, 1:36pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/11 "2020-07-10T13:36:51Z")

</div>

Essentially just being able to put a limit on the number of values that is displayed on a chart. Bar charts seem to break when they have to display more than 30-odd values, IIRC

---

<div class="post-metadata">

**Author:** ![matt](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/matt/32/289_2.png) [@matt](https://community.glideapps.com/u/matt)\
**Post date:** [October 30, 2020, 8:47am UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/12 "2020-10-30T08:47:58Z")

</div>

How do you use CSS to hide the “See all” text?

---

<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:** [October 30, 2020, 9:32am UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/13 "2020-10-30T09:32:41Z")

</div>

```
<pre><span><style>
[data-test="see-all"]{
display: none
}

```

Can you try this?

---

<div class="post-metadata">

**Author:** ![matt](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/matt/32/289_2.png) [@matt](https://community.glideapps.com/u/matt)\
**Post date:** [October 30, 2020, 10:23am UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/14 "2020-10-30T10:23:35Z")

</div>

Wow! That crazy voodoo magic worked like a charm! Thank you!!!

---

<div class="post-metadata">

**Author:** ![vijay](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vijay/32/3259_2.png) [@vijay](https://community.glideapps.com/u/vijay)\
**Post date:** [May 1, 2021, 10:24am UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/15 "2021-05-01T10:24:10Z")

</div>

Hi,  
How can I get the values of the top three of the inline list which is shuffled everytime using the Reshuffle action to a button.

I can see the inline list showing different values after the shuffle, but how I do take those values to compute something.

My use case is a Blackjack game app, where I use an inline list containing all cards image along with their values and then show only the top three cards. When I click Reshuffle button, it shows different cards in the inline list for the top three. Now, I need to get the values of the top three and add them. How can I do 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:** [May 1, 2021, 12:00pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/16 "2021-05-01T12:00:16Z")

</div>

I don’t think you can do this simply with the reshuffle action, you don’t have a numeric value anywhere to use in other things.

Possibly you can do a single value \> random to get a random number from a pre-determined list, then sort the list by that randomized number, and do other things with it?

---

<div class="post-metadata">

**Author:** ![vijay](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vijay/32/3259_2.png) [@vijay](https://community.glideapps.com/u/vijay)\
**Post date:** [May 1, 2021, 12:34pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/17 "2021-05-01T12:34:36Z")

</div>

I can get a single random value, but how do I sort a list by a randomized number?

---

<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:** [May 1, 2021, 12:42pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/18 "2021-05-01T12:42:39Z")

</div>

The single value column will populate all items in your list with different randomized numbers.

---

<div class="post-metadata">

**Author:** ![vijay](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vijay/32/3259_2.png) [@vijay](https://community.glideapps.com/u/vijay)\
**Post date:** [May 1, 2021, 1:15pm UTC](https://community.glideapps.com/t/update-to-horizontal-inline-lists/12164/19 "2021-05-01T13:15:00Z")

</div>

But, there are duplicates as well in that column.  
I have a random value selected from a range of 1 - 50. But, some rows have the same random value.  
Any way to avoid that?