# Cards Style

**URL:** <https://community.glideapps.com/t/cards-style/6708>\
**Category:** Ask for Help\
**Created:** [April 9, 2020, 11:09pm UTC](https://community.glideapps.com/t/cards-style/6708 "2020-04-09T23:09:56Z")\
**Posts on this page:** 20\
**Page:** 1

<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:** [April 9, 2020, 11:09pm UTC](https://community.glideapps.com/t/cards-style/6708/1 "2020-04-09T23:09:56Z")

</div>

Daaaamn! The cards style **looks SO slick**!!

 ![Screen Shot 2020-04-09 at 6.09.39 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9cea21953fb85c2c6ed3a93453b1dd60c7524ffe.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:** [April 9, 2020, 11:12pm UTC](https://community.glideapps.com/t/cards-style/6708/2 "2020-04-09T23:12:52Z")

</div>

Nice find @eltintero! Wheels are already turning!

---

<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:** [April 9, 2020, 11:13pm UTC](https://community.glideapps.com/t/cards-style/6708/3 "2020-04-09T23:13:54Z")

</div>

What does the header look like?

---

<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:** [April 9, 2020, 11:26pm UTC](https://community.glideapps.com/t/cards-style/6708/4 "2020-04-09T23:26:01Z")

</div>

Can your de the attached image?  
Jesus A.

 ![Screenshot_2020-04-09-18-24-50-599_com.android.chrome.jpg](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/7/7e82c89c83dd9bea58674edf2e67124ef27f064c.jpeg)

---

<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:** [April 10, 2020, 12:15am UTC](https://community.glideapps.com/t/cards-style/6708/5 "2020-04-10T00:15:35Z")

</div>

Damn those look great. Good find!

---

<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:** [April 10, 2020, 2:29am UTC](https://community.glideapps.com/t/cards-style/6708/6 "2020-04-10T02:29:26Z")

</div>

Wait…AND overlays on images?

 ![Screen Shot 2020-04-09 at 10.29.18 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/1/16d65421d6cfeaffe42d00f5a0f3e28bd3184bc1.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:** [April 10, 2020, 5:28am UTC](https://community.glideapps.com/t/cards-style/6708/7 "2020-04-10T05:28:06Z")

</div>

BTW…I’m calling it now: Soon Masonry will join this list:  
 ![Screen Shot 2020-04-10 at 1.27.35 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/6dce5d5b92d55486f67cb55661ca85e7eaf5db49.png)

---

<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:** [April 10, 2020, 6:04am UTC](https://community.glideapps.com/t/cards-style/6708/8 "2020-04-10T06:04:03Z")

</div>

This is super slick. I see cards getting used all over the place. Thanks Glide!!

---

<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:** [April 10, 2020, 10:16pm UTC](https://community.glideapps.com/t/cards-style/6708/9 "2020-04-10T22:16:03Z")

</div>

Are there plans on incorporating the card style into the map view, so that when you’re not looking at the map and pushpins, you can view the items in a list in card format?

---

<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:** [April 10, 2020, 10:31pm UTC](https://community.glideapps.com/t/cards-style/6708/10 "2020-04-10T22:31:22Z")

</div>

A little tip. Since you can’t flip back and forth between list and map when it’s an inline list, you can create a choice component that controls visibility of a either a map or a list. Each are separate components, but the choice controls which one is shown. That way your could use any list style you want. Here are a couple examples where I’m doing something similar.

First a homegrown Favorites for inline lists.  
[https://6pbvq.glideapp.io/](https://6pbvq.glideapp.io/)

Another that lets me flip between a map and a list. I changed to card style to demonstrate.  
[rwtsk.glideapp.io](http://rwtsk.glideapp.io)

This will be much easier and effective once User Specific columns are available.

---

<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:** [April 11, 2020, 1:19am UTC](https://community.glideapps.com/t/cards-style/6708/11 "2020-04-11T01:19:33Z")

</div>

My only request is a style setting when using a dark background. My Cards aren’t very apparent with a dark background (could use a lighter outline or lighter shadow effect). Looks great though, good job!

---

<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:** [April 11, 2020, 5:08pm UTC](https://community.glideapps.com/t/cards-style/6708/12 "2020-04-11T17:08:17Z")

</div>

Jeff, you’re a genius, I would have never though of this.  
Thanks SO much for pointing it out.

---

<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:** [April 11, 2020, 5:51pm UTC](https://community.glideapps.com/t/cards-style/6708/13 "2020-04-11T17:51:46Z")

</div>

Are these going to slide sideways like the tiles?

---

<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:** [April 11, 2020, 6:17pm UTC](https://community.glideapps.com/t/cards-style/6708/14 "2020-04-11T18:17:44Z")

</div>

@Tim_Sullivan they will if you display them in an inline list.

---

<div class="post-metadata">

**Author:** ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)\
**Post date:** [April 15, 2020, 10:36am UTC](https://community.glideapps.com/t/cards-style/6708/15 "2020-04-15T10:36:25Z")

</div>

How do you control this when there are more than one user using the app at the same time? What if both the users are n the same tab and somebody toggles the choice component? The choice will be changed in the other user’s screen as well right?

---

<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:** [April 15, 2020, 10:53am UTC](https://community.glideapps.com/t/cards-style/6708/16 "2020-04-15T10:53:12Z")

</div>

@Manan_Mehta Make the choice entry write to one of the new user specific columns

---

<div class="post-metadata">

**Author:** ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)\
**Post date:** [April 15, 2020, 11:42am UTC](https://community.glideapps.com/t/cards-style/6708/17 "2020-04-15T11:42:46Z")

</div>

Any way this could be done on a public app?

---

<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:** [April 15, 2020, 12:26pm UTC](https://community.glideapps.com/t/cards-style/6708/18 "2020-04-15T12:26:45Z")

</div>

Yes, they should work on public apps too. Create the columns in the data tab and select the user specific option. I plan to update my concepts app at some point with this new feature.

---

<div class="post-metadata">

**Author:** ![Ken](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ken/32/4483_2.png) [@Ken](https://community.glideapps.com/u/Ken)\
**Post date:** [April 24, 2020, 9:42pm UTC](https://community.glideapps.com/t/cards-style/6708/19 "2020-04-24T21:42:06Z")

</div>

The new cards layout really ramps up the quality of the app UI and expands the possibilities. Well done Glide Team!

---

<div class="post-metadata">

**Author:** ![Sumit\_Singh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sumit_singh/32/2209_2.png) [@Sumit\_Singh](https://community.glideapps.com/u/Sumit_Singh)\
**Post date:** [April 25, 2020, 9:44am UTC](https://community.glideapps.com/t/cards-style/6708/20 "2020-04-25T09:44:55Z")

</div>

Images dont show up on my app.  
I am trying to pull in the data from google spreadsheet, via a google form.

[Next page](https://community.glideapps.com/t/cards-style/6708.md?page=2)
