# "Posts Layout"? — Tiles without the images

**URL:** <https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569>\
**Category:** Feature Requests\
**Created:** [January 13, 2020, 3:06pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569 "2020-01-13T15:06:47Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sandro\_Brito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sandro_brito/32/552_2.png) [@Sandro\_Brito](https://community.glideapps.com/u/Sandro_Brito)\
**Post date:** [January 13, 2020, 3:06pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/1 "2020-01-13T15:06:47Z")

</div>

I know that this seems weird but, just like we’re able to leave the image blank in lists, it would be great if we could do the same in tiles.

That, or be able to have the option to wrap text in lists.

---

<div class="post-metadata">

**Author:** ![Sandro\_Brito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sandro_brito/32/552_2.png) [@Sandro\_Brito](https://community.glideapps.com/u/Sandro_Brito)\
**Post date:** [April 8, 2020, 9:26am UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/2 "2020-04-08T09:26:42Z")

</div>

An illustration of what that could look like.  
As you see the image allows to be a dash like some other parts of the app, and that removes the images. Making it title and body copy only as shown on the screen.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/e070b5cd0ed82d93fea6d574d65805ffdf7cb30d.png)

---

<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:** [June 4, 2020, 12:15pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/3 "2020-06-04T12:15:48Z")

</div>

## I’m resurrecting this post. 🧟

The past couple of apps I created could have truly shined with this functionality. My most recent attempt at an FAQ/Forum app needs this feature to have the best UX.

I imagine it wouldn’t be a difficult feature to implement, right @Antonio / @Jason? Simply removing the image from the tiles as a stop gap?

Though, honestly, a whole new layout would be even better…“Posts” layout:

1. _ **optional** _ image field
2. Title field
3. Details/Caption field _that accepts markdown/rich text_

This would open Glide to a whole new category of apps—blogs, forums, FAQs, HelpDesks, publishing, etc.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [June 4, 2020, 1:04pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/5 "2020-06-04T13:04:23Z")

</div>

Related to your comment @Robert_Petitto, I wish the tile layout allowed for the text elements (title, details) to be positioned atop the image _without Glide automatically adding a gradient overlay_. It has already been requested.

Markdown and rich text in the list view would be so nice. I see a big drawback though: the programmer would then have so many options at hand that he would have to know how to design. Currently, one doesn’t need to know much about design and yet still deliver decent UI.

Something like this in more advanced (tile element not visible against the background, markdown text, longer text) would be great.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9082e33d8e904d9d1e0a60fee6380ef85d7e92ad.png)

---

<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:** [June 4, 2020, 1:31pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/6 "2020-06-04T13:31:59Z")

</div>

I bet @Christophe_HK has a CSS trick for this 😉

---

<div class="post-metadata">

**Author:** ![Christophe\_HK](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christophe_hk/32/4161_2.png) [@Christophe\_HK](https://community.glideapps.com/u/Christophe_HK)\
**Post date:** [June 4, 2020, 1:56pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/7 "2020-06-04T13:56:42Z")

</div>

As usual, add a (non visible) Rich text component with the following contents :

```
<span><style>
.tile-overlay {
visibility:hidden;
}
.tile-text-container {
visibility:initial;
}

```

and say good bye to the tiles image overlay 😃

---

<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:** [June 4, 2020, 2:51pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/8 "2020-06-04T14:51:46Z")

</div>

The CSS king of this platform, I must say.

---

<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:** [June 4, 2020, 3:18pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/9 "2020-06-04T15:18:45Z")

</div>

Playing around with CSS I managed to achieve this with one line of code:

 ![Screen Shot 2020-06-04 at 11.18.19 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/e00502fc679fc36059b70f5247ed6763c1b86770.png)

---

<div class="post-metadata">

**Author:** ![Christophe\_HK](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christophe_hk/32/4161_2.png) [@Christophe\_HK](https://community.glideapps.com/u/Christophe_HK)\
**Post date:** [June 4, 2020, 3:19pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/10 "2020-06-04T15:19:59Z")

</div>

We can do lot of fun things with CSS !

 ![SharedScreenshot1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/5/583453d578e0d5d1cf863b824ad97c7609a9e87b.jpeg)

 ![SharedScreenshot2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/eb6743c052aa48df844fca0d268c81a49ef025da.jpeg)

---

<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:** [June 4, 2020, 3:21pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/11 "2020-06-04T15:21:00Z")

</div>

Absolutely gorgeous.

---

<div class="post-metadata">

**Author:** ![Christophe\_HK](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christophe_hk/32/4161_2.png) [@Christophe\_HK](https://community.glideapps.com/u/Christophe_HK)\
**Post date:** [June 4, 2020, 3:21pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/12 "2020-06-04T15:21:48Z")

</div>

Say Goodbye to the card image ! It looks really great !!

😃 👍🏼

---

<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:** [June 4, 2020, 3:22pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/13 "2020-06-04T15:22:25Z")

</div>

If only there was a way to allow the Details to be formatted in markdown, it would be perfect.

---

<div class="post-metadata">

**Author:** ![Christophe\_HK](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christophe_hk/32/4161_2.png) [@Christophe\_HK](https://community.glideapps.com/u/Christophe_HK)\
**Post date:** [June 4, 2020, 3:23pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/14 "2020-06-04T15:23:07Z")

</div>

Challenge accepted.

😄

---

<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:** [June 4, 2020, 3:46pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/15 "2020-06-04T15:46:55Z")

</div>

Demo:

---

<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:** [June 4, 2020, 3:48pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/16 "2020-06-04T15:48:25Z")

</div>

Beautifully done.

---

<div class="post-metadata">

**Author:** ![Sandro\_Brito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sandro_brito/32/552_2.png) [@Sandro\_Brito](https://community.glideapps.com/u/Sandro_Brito)\
**Post date:** [June 4, 2020, 5:27pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/17 "2020-06-04T17:27:45Z")

</div>

Have you found a way that it doesn’t limit the characters on the description and just wraps?

---

<div class="post-metadata">

**Author:** ![Sandro\_Brito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sandro_brito/32/552_2.png) [@Sandro\_Brito](https://community.glideapps.com/u/Sandro_Brito)\
**Post date:** [June 4, 2020, 5:28pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/18 "2020-06-04T17:28:22Z")

</div>

I guess I can do the same with the tiles

---

<div class="post-metadata">

**Author:** ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)\
**Post date:** [June 4, 2020, 5:32pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/19 "2020-06-04T17:32:02Z")

</div>

Sweet!  
The solution green button on the bottom right… which kind of component is that?

---

<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:** [June 4, 2020, 5:49pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/20 "2020-06-04T17:49:09Z")

</div>

Yes, if you use the tiles, it won’t limit. I chose cards because I wanted the avatar and name. With tiles, if I hide the image, I hide everything lol.

---

<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:** [June 4, 2020, 5:49pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/21 "2020-06-04T17:49:22Z")

</div>

Part of the cards layout: caption

[Next page](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569.md?page=2)