# "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:** 2

<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:50pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/22 "2020-06-04T17:50:45Z")

</div>

Amazing.

---

<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 2, 2020, 3:29pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/23 "2020-07-02T15:29:10Z")

</div>

Another “Posts” layout I’m using for a client. Cards without Images = Beautiful alternative to list view:

 ![Screen Shot 2020-07-02 at 11.27.45 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/8/8e444842f739bdb36f88b026bdea632a22d73ed9.png)

---

<div class="post-metadata">

**Author:** ![Tim\_Sullivan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tim_sullivan/32/3461_2.png) [@Tim\_Sullivan](https://community.glideapps.com/u/Tim_Sullivan)\
**Post date:** [July 2, 2020, 3:35pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/24 "2020-07-02T15:35:41Z")

</div>

Looks nice & clean. You sharing the CSS?

---

<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 2, 2020, 3:37pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/25 "2020-07-02T15:37:08Z")

</div>

Place this in a Rich text component and place it at the bottom of your list of components on any details view that has an inline list of cards.

```auto
<span><style>div.image-container{display:none;}</style></span>

```

---

<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 2, 2020, 3:38pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/26 "2020-07-02T15:38:21Z")

</div>

One caveat to this is that you can’t add a “Tag” to the card as it will be placed on top of the header. I’m sure @Christophe_HK has a solution to this 😉

---

<div class="post-metadata">

**Author:** ![Tim\_Sullivan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tim_sullivan/32/3461_2.png) [@Tim\_Sullivan](https://community.glideapps.com/u/Tim_Sullivan)\
**Post date:** [July 2, 2020, 4:08pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/27 "2020-07-02T16:08:00Z")

</div>

What a difference this makes. The supervisor list is tiles, the A & B Team Staff lists are cards.

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

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [July 9, 2020, 11:58am UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/28 "2020-07-09T11:58:42Z")

</div>

Thanks Robert, works well. 👍

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [July 18, 2020, 10:59am UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/29 "2020-07-18T10:59:47Z")

</div>

Unfortunately it does work when search is enabled, brings back the image element of the tile.

---

<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 18, 2020, 1:16pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/30 "2020-07-18T13:16:30Z")

</div>

Hm…CSS might need a tweak to include a second element. I’ll look into it.

---

<div class="post-metadata">

**Author:** ![Phil\_Jackson](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/phil_jackson/32/5939_2.png) [@Phil\_Jackson](https://community.glideapps.com/u/Phil_Jackson)\
**Post date:** [July 18, 2020, 1:40pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/31 "2020-07-18T13:40:20Z")

</div>

Nice Robert

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [July 18, 2020, 2:54pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/32 "2020-07-18T14:54:53Z")

</div>

Super star 🌟

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [July 25, 2020, 8:57am UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/33 "2020-07-25T08:57:10Z")

</div>

Hmm now got a rendering issue leaving a gap where the image should appear. Looks like we may need to give up on this until glide (maybe) builds natively. Have a good weekend!

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/5/54dbb2732d0fc3fcc6bd545577e3c6f18c2dc117.jpeg)

---

<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 25, 2020, 11:51am UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/34 "2020-07-25T11:51:23Z")

</div>

Give up?! No way!!! Now I’m motivated to find a solution!

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [July 25, 2020, 12:00pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/35 "2020-07-25T12:00:07Z")

</div>

Sorry 😐

---

<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 25, 2020, 12:01pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/36 "2020-07-25T12:01:19Z")

</div>

I can’t replicate…can I copy your app? Is this in the builder, the desktop view or mobile view?

 ![Screen Shot 2020-07-25 at 8.00.30 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/e1ccb5538cf558c5c34e4fd765bb60dcb881c039.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:** [July 25, 2020, 12:02pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/37 "2020-07-25T12:02:12Z")

</div>

web view…answered my own question

 ![Screen Shot 2020-07-25 at 8.01.53 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/d/d9a2c9a42829b4f7950637dd810fb76de9c21256.png)

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [July 25, 2020, 12:05pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/38 "2020-07-25T12:05:50Z")

</div>

You could try adjusting the margin or the padding in CSS.

---

<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 25, 2020, 12:23pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/39 "2020-07-25T12:23:48Z")

</div>

Nope…there is no margin or padding to adjust. For some reason it only happens upon initial load. When navigating away from the screen and then back to it again, it displays “as intended”

Maybe @Christophe_HK has some CSS tricks that could prevent this unwanted behavior?

---

<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 25, 2020, 1:00pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/40 "2020-07-25T13:00:35Z")

</div>

Or @Jason / @Antonio can allow us to have an Image \> None in the cards view and call it a day?

🙏 🙏 🙏

---

<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 25, 2020, 1:21pm UTC](https://community.glideapps.com/t/posts-layout-tiles-without-the-images/3569/41 "2020-07-25T13:21:45Z")

</div>

😒

Been tinkering for an hour and I can’t make headway. Not sure what’s driving the initial height of the container vs. the height of the container upon later navigation. Even attempting to override the row-height of the card doesn’t work. So disappointed.

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

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