# Customize Calendar

**URL:** <https://community.glideapps.com/t/customize-calendar/25129>\
**Category:** Ask for Help\
**Created:** [April 4, 2021, 6:12pm UTC](https://community.glideapps.com/t/customize-calendar/25129 "2021-04-04T18:12:38Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [April 4, 2021, 6:12pm UTC](https://community.glideapps.com/t/customize-calendar/25129/1 "2021-04-04T18:12:38Z")

</div>

Hi!

Has anyone figured out how or if it can be done, customize the in-app calendar where events can have different colors based on category? Right now they are all the same color as the theme.

---

<div class="post-metadata">

**Author:** ![adriasoce](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriasoce/32/24153_2.png) [@adriasoce](https://community.glideapps.com/u/adriasoce)\
**Post date:** [April 4, 2021, 7:17pm UTC](https://community.glideapps.com/t/customize-calendar/25129/2 "2021-04-04T19:17:30Z")

</div>

For now that option is not available in Glide but maybe you can get that with CSS.

---

<div class="post-metadata">

**Author:** ![PabloMFalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablomfalero/32/31166_2.png) [@PabloMFalero](https://community.glideapps.com/u/PabloMFalero)\
**Post date:** [April 4, 2021, 7:44pm UTC](https://community.glideapps.com/t/customize-calendar/25129/3 "2021-04-04T19:44:10Z")

</div>

I think it was @Jeff_Hager that did a pretty spectacular calendar, correct me if I’m wrong @Jeff_Hager

---

<div class="post-metadata">

**Author:** ![adriasoce](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriasoce/32/24153_2.png) [@adriasoce](https://community.glideapps.com/u/adriasoce)\
**Post date:** [April 4, 2021, 7:45pm UTC](https://community.glideapps.com/t/customize-calendar/25129/4 "2021-04-04T19:45:41Z")

</div>

Yes but not a calendar view and i don’t know if he puts some events in differents colors. Morover he adds CSS i think.

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [April 4, 2021, 7:45pm UTC](https://community.glideapps.com/t/customize-calendar/25129/5 "2021-04-04T19:45:57Z")

</div>

Would also like to stick with the calendar compoenent if possible. I set up alot of formulas and columns in the back end, so wouldnt want to do those all over again or alter it to a different layout or component.

I’m thinking of having column that you can add a category name to, and the event color representative of that.

---

<div class="post-metadata">

**Author:** ![PabloMFalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablomfalero/32/31166_2.png) [@PabloMFalero](https://community.glideapps.com/u/PabloMFalero)\
**Post date:** [April 4, 2021, 7:46pm UTC](https://community.glideapps.com/t/customize-calendar/25129/6 "2021-04-04T19:46:57Z")

</div>

> [@Generating & displaying a monthly shift roster](https://community.glideapps.com/t/generating-displaying-a-monthly-shift-roster/21708/10):
>
> Needs some tidy up, but that’s the back of it broken grinning Table template: And CSS template:

This is one by @Darren_Murphy

> [@Generating & displaying a monthly shift roster](https://community.glideapps.com/t/generating-displaying-a-monthly-shift-roster/21708/14):
>
> hehe, you got me playing with this too. I found some stuff here and I’m playing with this particular one: [https://codepen.io/corvus-007/pen/MzEKyJ](https://codepen.io/corvus-007/pen/MzEKyJ) What I like is that it doesn’t use tables, so it seems like it might be a little cleaner. There’s still the question of how to dynamically build it for each month, so I still need to figure that out. Right now I’m playing with the CSS. Changed a couple of things and had to fix some CSS that wasn’t rendering with glide. Got this so far.

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [April 4, 2021, 8:28pm UTC](https://community.glideapps.com/t/customize-calendar/25129/7 "2021-04-04T20:28:04Z")

</div>

Im thinking of something in this format, but different colors for different categories.

![calr](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/e/2e67c14eac526cd8d712a7b258152c4fbf42b0e5.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 4, 2021, 9:12pm UTC](https://community.glideapps.com/t/customize-calendar/25129/8 "2021-04-04T21:12:01Z")

</div>

Can’t change the color of the events with CSS as any sort of category you define isn’t recognized within the HTML/Styling

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [April 4, 2021, 9:16pm UTC](https://community.glideapps.com/t/customize-calendar/25129/9 "2021-04-04T21:16:33Z")

</div>

ok thanks. Maybe I will try emojis and create a legend.

---

<div class="post-metadata">

**Author:** ![mcclurefaith](https://avatars.discourse-cdn.com/v4/letter/m/bc8723/32.png) [@mcclurefaith](https://community.glideapps.com/u/mcclurefaith)\
**Post date:** [June 24, 2021, 5:22pm UTC](https://community.glideapps.com/t/customize-calendar/25129/10 "2021-06-24T17:22:48Z")

</div>

Were you able to get the calendar to display different colors?

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [June 24, 2021, 5:24pm UTC](https://community.glideapps.com/t/customize-calendar/25129/11 "2021-06-24T17:24:33Z")

</div>

No ☹

---

<div class="post-metadata">

**Author:** ![mcclurefaith](https://avatars.discourse-cdn.com/v4/letter/m/bc8723/32.png) [@mcclurefaith](https://community.glideapps.com/u/mcclurefaith)\
**Post date:** [June 24, 2021, 5:25pm UTC](https://community.glideapps.com/t/customize-calendar/25129/12 "2021-06-24T17:25:46Z")

</div>

Did you implement an alternative, such as using emojis?

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [June 25, 2021, 1:37pm UTC](https://community.glideapps.com/t/customize-calendar/25129/13 "2021-06-25T13:37:30Z")

</div>

Yes, each name match matched to a specific emoji and I displayed that. I don’t have it set up anymore so can’t show any screen shots.

---

<div class="post-metadata">

**Author:** ![rmst60](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rmst60/32/587_2.png) [@rmst60](https://community.glideapps.com/u/rmst60)\
**Post date:** [December 13, 2021, 4:07pm UTC](https://community.glideapps.com/t/customize-calendar/25129/14 "2021-12-13T16:07:18Z")

</div>

It sure would be nice to be able to change the color of events in the calendar. Any progress on this?

---

<div class="post-metadata">

**Author:** ![Maxime\_ROUSSEAUX](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maxime_rousseaux/32/58727_2.png) [@Maxime\_ROUSSEAUX](https://community.glideapps.com/u/Maxime_ROUSSEAUX)\
**Post date:** [May 9, 2023, 7:28pm UTC](https://community.glideapps.com/t/customize-calendar/25129/15 "2023-05-09T19:28:16Z")

</div>

I saw the demo on booking app. It’s possible to set specific color to an event. Can you help me about it please ?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 9, 2023, 7:55pm UTC](https://community.glideapps.com/t/customize-calendar/25129/16 "2023-05-09T19:55:42Z")

</div>

> [@spiral\_calendar Google Calendar for Glide... plus Event Picker](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902):
>
> [[Google Calendar]](https://google-calendar-demo.glideapp.io/) Advanced CSS Calendar/Event Picker… it syncs data from your google calendar and turns it into Glide inline lists… Fast synchronization… under 2 seconds! Since all data is on google servers… you have unlimited rows in a free Glide App… also no updates will be counted, the whole App is made on the USC columns! grinning You can play with it… add events… is hooked to my Testing Google Account… so no damage will be done LOL The calendar can be scaled down, and work as a Date …
