# 🗓️ Glide Pages Calendar Collection Component! **URL:** \ **Category:** Community Resources\ **Tags:** tutorial\ **Created:** [July 30, 2022, 6:51pm UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605 "2022-07-30T18:51:21Z")\ **Posts on this page:** 12\ **Page:** 1
**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 30, 2022, 6:51pm UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605/1 "2022-07-30T18:51:21Z")
# Finally! A full-width, monthly/weekly/daily calendar layout that displays your spreadsheet data beautifully and responsively! [![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/2/d21542b88ffd70332425f0649c8ca834fd098af1.jpeg "Glide Pages: Calendar Component") ](https://www.youtube.com/watch?v=fIodLpnvQU4) _Pardon the low-quality audio — I didn’t have access to my recording equipment for the making of this video._ ---
**Author:** ![Yasin\_Hassanien](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yasin_hassanien/32/9042_2.png) [@Yasin\_Hassanien](https://community.glideapps.com/u/Yasin_Hassanien)\ **Post date:** [July 30, 2022, 7:30pm UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605/2 "2022-07-30T19:30:41Z")
Is there a way to color code them by css? ---
**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:** [July 31, 2022, 12:47am UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605/3 "2022-07-31T00:47:51Z")
Looks like a no to me. I don’t see a specific class name for each “group”. ---
**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 31, 2022, 1:43am UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605/4 "2022-07-31T01:43:33Z")
Actually, you kinda can by targeting the style. Note: the style changes every time you change the app’s primary color. ![CleanShot 2022-07-30 at 21.42.59@2x.png](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/9/998f9e5e96a8a4faa1a6eebed699182f1331e206.png) ---
**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:** [July 31, 2022, 1:55am UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605/5 "2022-07-31T01:55:52Z")
Ah that’s a great point. That style part is static and unique. Is the “cross-day” event (say Kami Whitner) a native setup from you or is it created by the CSS? ---
**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 31, 2022, 3:49am UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605/6 "2022-07-31T03:49:06Z")
Not CSS. If the start date and end date span multiple days, Glide creates that visual in the calendar! ---
**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:** [July 31, 2022, 8:21am UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605/7 "2022-07-31T08:21:21Z")
Neat. Thanks for the info. ---
**Author:** ![Jason\_Palmer1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason_palmer1/32/43557_2.png) [@Jason\_Palmer1](https://community.glideapps.com/u/Jason_Palmer1)\ **Post date:** [October 22, 2022, 1:04am UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605/8 "2022-10-22T01:04:01Z")
Rob is there a way to customise the add event function. I have a list of services that I would love to be selectable in the Add event form. ---
**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:** [October 22, 2022, 1:19am UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605/9 "2022-10-22T01:19:20Z")
I wish! Same is true for Kanban component—there’s isn’t a way yet. Instead, you might want to create add a “Show Form Screen” action as the Title Bar Action for the calendar: ![CleanShot 2022-10-21 at 21.18.52](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/9/e9c1cc27ba652d663aa77f2b44b8b792468d7acd.png) ---
**Author:** ![Jason\_Palmer1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason_palmer1/32/43557_2.png) [@Jason\_Palmer1](https://community.glideapps.com/u/Jason_Palmer1)\ **Post date:** [October 22, 2022, 1:46am UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605/10 "2022-10-22T01:46:29Z")
Ahhh that just might work. ---
**Author:** ![Jerem\_EGN](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jerem_egn/32/18467_2.png) [@Jerem\_EGN](https://community.glideapps.com/u/Jerem_EGN)\ **Post date:** [February 20, 2023, 7:38pm UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605/11 "2023-02-20T19:38:10Z")
Hello everyone, So if I understand well it’s not possible to have this type of calendar in Glide App ? I want to have this month view and all the options. Many thanks Jérémie ---
**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:** [February 21, 2023, 12:00am UTC](https://community.glideapps.com/t/glide-pages-calendar-collection-component/45605/12 "2023-02-21T00:00:19Z")
> [@Jerem\_EGN](#): > > So if I understand well it’s not possible to have this type of calendar in Glide App ? Yes, it’s not possible. Glide has stated they will focus on Glide Pages moving forward, so I don’t think this will come to Apps at all.