# Please try: New & Improved Tiles Layout

**URL:** <https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034>\
**Category:** Ask for Help\
**Created:** [November 16, 2019, 12:36am UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034 "2019-11-16T00:36:17Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [November 18, 2019, 9:10pm UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/21 "2019-11-18T21:10:29Z")

</div>

My perception of the horizontal scrolling of the tile (Orientation=Horizontal) is that can do something similar to image carousal - but I did’t understand that it was actually possible to scroll horizontally. The image carousal indicates the possibility of horizontal scrolling by showing (1/6). - but the tile layout doesn’t.

I don’t have the perfect idea for indicating “horizontal scroll possibility”

---

<div class="post-metadata">

**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\
**Post date:** [November 18, 2019, 9:29pm UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/22 "2019-11-18T21:29:58Z")

</div>

How do you get to scroll Horizontally

---

<div class="post-metadata">

**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\
**Post date:** [November 18, 2019, 9:33pm UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/23 "2019-11-18T21:33:14Z")

</div>

Am I missing something?  
How do you get tile to scroll Hor

---

<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:** [November 18, 2019, 10:06pm UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/24 "2019-11-18T22:06:24Z")

</div>

Choose Inline list and then you get the option vertical or horizontal. I just found out myself 😉

---

<div class="post-metadata">

**Author:** ![NataliaGo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nataliago/32/1317_2.png) [@NataliaGo](https://community.glideapps.com/u/NataliaGo)\
**Post date:** [November 18, 2019, 10:09pm UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/25 "2019-11-18T22:09:51Z")

</div>

@mrt224 here is a quick screen recording. sorry, no sound. but I hope it is clear, how to use this horizontal tiles layout for inline list- ![horizontal%20tiles](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/2/2334f4e96726ff248705335a5975b705e1333d91.gif)

---

<div class="post-metadata">

**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\
**Post date:** [November 18, 2019, 10:17pm UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/26 "2019-11-18T22:17:22Z")

</div>

Thank you!

---

<div class="post-metadata">

**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\
**Post date:** [November 19, 2019, 2:57am UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/27 "2019-11-19T02:57:45Z")

</div>

Thank u

---

<div class="post-metadata">

**Author:** ![muazz1m](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/muazz1m/32/189_2.png) [@muazz1m](https://community.glideapps.com/u/muazz1m)\
**Post date:** [November 19, 2019, 3:29am UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/28 "2019-11-19T03:29:29Z")

</div>

> [@Krivo](#):
>
> Orientation=Horizontal) is

the ‘indicator’ you looking for the horizontal tile layout would be the ‘peek out’ of other item at the most right side. In term of UI/UX this is actually the standard way on how to tell users that there are more item and user can do horizontal scroll.

 ![43%20AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/f/f4b43c3b33be08491c37c7e6da12750def904c59.jpeg)

---

<div class="post-metadata">

**Author:** ![muazz1m](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/muazz1m/32/189_2.png) [@muazz1m](https://community.glideapps.com/u/muazz1m)\
**Post date:** [November 19, 2019, 4:01am UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/29 "2019-11-19T04:01:32Z")

</div>

![32%20PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/2/2173e147b0363ff5b5631df4d5ec9b8d6d9f3ae1.png)  
There’s a bug when using dark theme and Pure Black theme, the label is not visible.

---

<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:** [November 19, 2019, 5:01pm UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/30 "2019-11-19T17:01:08Z")

</div>

@erwblo - i’m on it. Sounds like you’re all working it out ok. Thanks @NataliaGo and everyone else for helping each other out as usual 💃🏻💃🏻

---

<div class="post-metadata">

**Author:** ![Mark](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark/32/125_2.png) [@Mark](https://community.glideapps.com/u/Mark)\
**Post date:** [November 21, 2019, 6:41am UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/31 "2019-11-21T06:41:36Z")

</div>

Could you please share your app? I can’t reproduce this.

---

<div class="post-metadata">

**Author:** ![muazz1m](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/muazz1m/32/189_2.png) [@muazz1m](https://community.glideapps.com/u/muazz1m)\
**Post date:** [November 21, 2019, 6:45am UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/32 "2019-11-21T06:45:06Z")

</div>

here is my app [kuhosu.glideapp.io](http://kuhosu.glideapp.io)

just turn back to dark theme and it seem the bugs is fixed!

---

<div class="post-metadata">

**Author:** ![Francois1](https://avatars.discourse-cdn.com/v4/letter/f/c67d28/32.png) [@Francois1](https://community.glideapps.com/u/Francois1)\
**Post date:** [November 21, 2019, 1:31pm UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/33 "2019-11-21T13:31:21Z")

</div>

I imagine that the translation will be updated soon for ‘see all’? 🙂

---

<div class="post-metadata">

**Author:** ![gannonatwork](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gannonatwork/32/91717_2.png) [@gannonatwork](https://community.glideapps.com/u/gannonatwork)\
**Post date:** [November 21, 2019, 4:38pm UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/34 "2019-11-21T16:38:19Z")

</div>

As said by many others already, this is an awesome new feature! I’ve tried this out and found a limitation that I’m not sure is me missing something or maybe an issue that will be addressed in a scheduled update in the near future?

Here’s our use case. In our Active section, we’re cross-referencing records in our Parks section where users can go to enjoy a specific activity. In this example below, where users can go to play basketball:

 ![vertical-see-all-suggestion](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/7/709273ae3c54b9dca9834be056c18e27fbf0cce3.jpeg)

In this example, I’m using the List style on the left and the Tiles style using the 3:1 shape on the right. Tiles are a great way to display content when the image is the focal point and the best way to convey information to the user. However, in our case, providing users with the name of the park and almost a complete snippet of the address is much more valuable than an image. For some of our references, we need to display 100+ records like in this _Parks with Basketball_ example.

Given this back story, my two specific questions are:

1. Is there a reason why the _See All_ option cannot be deployed when using the List style so Glide cuts off the list at 12 records and then displays the full list on a separate screen?
2. In the image on the right where I’ve enlisted the Tiles style using the 3:1 shape, why does the _See All_ link not appear and the full list of records displays in an endless scrolling list?
3. Could a Tile shape option be added to replicate the look of the List style example shown above on the left?

Thanks to everyone in advance for their feedback…I appreciate it.

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [November 21, 2019, 5:53pm UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/35 "2019-11-21T17:53:31Z")

</div>

1. There’s no reason why — can you tell us why you want this? I imagine it would be great for stacked inline vertical lists.
2. See All only shows for horizontal lists at the moment.
3. Why do you want Tiles to look like Lists, when you can just pick List?

---

<div class="post-metadata">

**Author:** ![gannonatwork](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gannonatwork/32/91717_2.png) [@gannonatwork](https://community.glideapps.com/u/gannonatwork)\
**Post date:** [November 22, 2019, 1:31am UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/36 "2019-11-22T01:31:47Z")

</div>

@david  
I appreciate you getting back. To answer your questions:

1. I attempted to explain this in my post. I want to use the List style instead of Tiles because the display of anything more than a thumbnail image doesn’t add any value for the user and wastes a lot of screen real estate. In my screenshots, you can see the List option allows for 8+ items instead of just 3 using the smallest Tile shape available (3:1). Screen real estate is a big issue for us because some of these inline lists will include 100+ records. Also, in my example, the images in the Tile style dominant the screen (overpower really) and when scrolling makes viewing/picking out the park name and address a little difficult because they’re dwarfed by the image.

2. When will _See All_ be available for vertical lists?

3. I don’t want to make Tiles look like Lists; I want the _See All_ functionality available for Lists. I can’t imagine we would be the only ones using Glide who could benefit from this option.

Let me know your thoughts and thanks for your time. 👍

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [November 22, 2019, 1:45am UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/37 "2019-11-22T01:45:36Z")

</div>

I understand. I’ve referred to this idea before as a ‘truncated inline list’. How many vertical list items would you like to show inline, before ‘See all’? 5? Is it constant?

---

<div class="post-metadata">

**Author:** ![gannonatwork](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gannonatwork/32/91717_2.png) [@gannonatwork](https://community.glideapps.com/u/gannonatwork)\
**Post date:** [November 22, 2019, 4:32am UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/38 "2019-11-22T04:32:49Z")

</div>

@david  
10 would be great. There are a few list that will be less than 10 if that’s what you mean by being constant? I assume anything less than 10 wouldn’t display the _See All_? Thanks for your willingness to consider this!

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [November 22, 2019, 6:36am UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/39 "2019-11-22T06:36:31Z")

</div>

@david allowing the number of items to be configurable number would end the discussion of what is the right number 😜  
I think the right number “depends” of the use case. Of course a default number should be used.

---

<div class="post-metadata">

**Author:** ![Paul](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/paul/32/1345_2.png) [@Paul](https://community.glideapps.com/u/Paul)\
**Post date:** [November 26, 2019, 2:57am UTC](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034/40 "2019-11-26T02:57:01Z")

</div>

Being able to define the number as to which ‘See All’ would be ideal. 👍

[Previous page](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034.md?page=1)

[Next page](https://community.glideapps.com/t/please-try-new-improved-tiles-layout/2034.md?page=3)
