# Event on the calendar by colour

**URL:** <https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898>\
**Category:** Ask for Help\
**Created:** [March 21, 2022, 9:48am UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898 "2022-03-21T09:48:36Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![GK123](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gk123/32/40613_2.png) [@GK123](https://community.glideapps.com/u/GK123)\
**Post date:** [March 21, 2022, 9:48am UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/1 "2022-03-21T09:48:36Z")

</div>

I wish to mark some events by colour on my calendar.

In the same way that I can change the colour of event on Google calendar.

Can I do it in glide?

---

<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:** [March 21, 2022, 1:31pm UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/2 "2022-03-21T13:31:21Z")

</div>

I think the easiest would be to use emoji. An IF column can look at a specific column value and return a specific emoji, such as 🔴🟢🔵🟥🟩🟦. Then you can append that to the beginning of the event title using a template column. Then display that template in your calendar.

---

<div class="post-metadata">

**Author:** ![Andrea\_Lasalandra](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/andrea_lasalandra/32/40767_2.png) [@Andrea\_Lasalandra](https://community.glideapps.com/u/Andrea_Lasalandra)\
**Post date:** [April 21, 2023, 3:27pm UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/3 "2023-04-21T15:27:56Z")

</div>

Hi Jeff, will this show the emoji + the default Glide colour?

---

<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 21, 2023, 3:32pm UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/4 "2023-04-21T15:32:07Z")

</div>

Emoji’s are characters, so they will display just like any other letters in a word. It would be separate from any other default glide colors.

---

<div class="post-metadata">

**Author:** ![Andrea\_Lasalandra](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/andrea_lasalandra/32/40767_2.png) [@Andrea\_Lasalandra](https://community.glideapps.com/u/Andrea_Lasalandra)\
**Post date:** [April 21, 2023, 3:33pm UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/5 "2023-04-21T15:33:54Z")

</div>

yeah I imagined, so it would create a lot of confusion having both colors. Strange that glide does let us use custom colors in the calendar

---

<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:** [April 21, 2023, 3:52pm UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/6 "2023-04-21T15:52:19Z")

</div>

In classic Apps, you can use CSS:

 ![Screen Shot 2023-04-21 at 11.34.12 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/a/cab095f7dbd3999a90e58393f4ba822cfb1894d6.png)

> **[Google Calendar](https://google-calendar-demo.glideapp.io)**
>
> Sync Google Calendar with Glide, and turn into inline list. Unlimited rows and updates. Fast sync... under 2 sec.

---

<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:** [April 21, 2023, 11:34pm UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/7 "2023-04-21T23:34:51Z")

</div>

> [@Andrea\_Lasalandra](#):
>
> Strange that glide does let us use custom colors in the calendar

Do you mean Glide does not let us do so?

---

<div class="post-metadata">

**Author:** ![Andrea\_Lasalandra](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/andrea_lasalandra/32/40767_2.png) [@Andrea\_Lasalandra](https://community.glideapps.com/u/Andrea_Lasalandra)\
**Post date:** [April 22, 2023, 12:06am UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/8 "2023-04-22T00:06:31Z")

</div>

Yes or am I wrong?

---

<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:** [April 22, 2023, 12:27am UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/9 "2023-04-22T00:27:33Z")

</div>

Ah, because you wrote “Glide does let us”. I had to check if I miss something 😅

---

<div class="post-metadata">

**Author:** ![Andrea\_Lasalandra](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/andrea_lasalandra/32/40767_2.png) [@Andrea\_Lasalandra](https://community.glideapps.com/u/Andrea_Lasalandra)\
**Post date:** [April 22, 2023, 10:51am UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/10 "2023-04-22T10:51:07Z")

</div>

Sorry, it was a typo!

---

<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:** [April 22, 2023, 11:44pm UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/11 "2023-04-22T23:44:56Z")

</div>

No worries man, have a great weekend yourself.

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/emmanuel/32/82002_2.png) [@Emmanuel](https://community.glideapps.com/u/Emmanuel)\
**Post date:** [November 17, 2024, 6:29am UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/13 "2024-11-17T06:29:01Z")

</div>

Hi, I tried that solution to get some colouring in calendar component but only got [https://emoji.discourse-cdn.com/twitter/red\_circle.png?v=12](https://emoji.discourse-cdn.com/twitter/red_circle.png?v=12) text appears in item Title ; could you please help me to obtain image showing instead of its link path ?

---

<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:** [November 17, 2024, 8:16am UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/14 "2024-11-17T08:16:28Z")

</div>

Emoji works just like text. It’s not an image url. Just copy and paste it like you would any other piece of text.

If it’s not copying well from from the forum, you can instead copy any emoji from [https://emojipedia.org/](https://emojipedia.org/)

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/emmanuel/32/82002_2.png) [@Emmanuel](https://community.glideapps.com/u/Emmanuel)\
**Post date:** [November 18, 2024, 6:09am UTC](https://community.glideapps.com/t/event-on-the-calendar-by-colour/39898/15 "2024-11-18T06:09:48Z")

</div>

Thank you so much Jeff, it works well (by the time I get paid program and CSS/class access)

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