# Slate Calendar Widget Event Colouring

**URL:** <https://community.palantir.com/t/slate-calendar-widget-event-colouring/288>\
**Category:** Ask the Community\
**Tags:** slate\
**Created:** [May 30, 2024, 6:29pm UTC](https://community.palantir.com/t/slate-calendar-widget-event-colouring/288 "2024-05-30T18:29:10Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![cjw](https://avatars.discourse-cdn.com/v4/letter/c/f07891/32.png) [@cjw](https://community.palantir.com/u/cjw)\
**Post date:** [May 30, 2024, 6:29pm UTC](https://community.palantir.com/t/slate-calendar-widget-event-colouring/288/1 "2024-05-30T18:29:10Z")

</div>

In the Slate Calendar widget is it possible to colour events by some property value or is the colour shown just the colour of the object type?

---

<div class="post-metadata">

**Author:** ![gpirindev](https://avatars.discourse-cdn.com/v4/letter/g/e47c2d/32.png) [@gpirindev](https://community.palantir.com/u/gpirindev)\
**Post date:** [May 31, 2024, 9:21am UTC](https://community.palantir.com/t/slate-calendar-widget-event-colouring/288/2 "2024-05-31T09:21:14Z")

</div>

Hello,

Slate Calendar widget events can be styled by grouping them in Series (see the `eventSeries` property in https://www.palantir.com/docs/foundry/slate/widgets-time/#calendar-widget). Each event HTML element will get a class named after its Series. This class can be used to apply styles using the Styles panel.

 ![Screenshot 2024-05-31 at 10.15.33 AM](https://canada1.discourse-cdn.com/palantir/original/1X/9410b5e7c29e6ab4c986fc89ba2d84ad81cdf936.png)

You can use handlebars to set the Series to a list of property values, e.g. `{{myPropertyValues}}`.

---

<div class="post-metadata">

**Author:** ![SimonH](https://yyz1.discourse-cdn.com/palantir/user_avatar/community.palantir.com/simonh/32/666_2.png) [@SimonH](https://community.palantir.com/u/SimonH)\
**Post date:** [August 6, 2024, 12:29pm UTC](https://community.palantir.com/t/slate-calendar-widget-event-colouring/288/3 "2024-08-06T12:29:11Z")

</div>

Is there a way to have the color assignment more flexibel/dynamically? With the mentioned setup above, I need to hard-code all value combinations into the app’s CSS. In a chart widget for example, I can just provide an array of color codes to dynamically style the calendar. Would be great to have the possibility to assign the colors dynamically via a function.

---

<div class="post-metadata">

**Author:** ![system](https://yyz1.discourse-cdn.com/palantir/user_avatar/community.palantir.com/system/32/3_2.png) [@system](https://community.palantir.com/u/system)\
**Post date:** [January 13, 2025, 8:16am UTC](https://community.palantir.com/t/slate-calendar-widget-event-colouring/288/4 "2025-01-13T08:16:45Z")

</div>

Automatically bumped on January 13, 2025, 8:16am UTC



---

<div class="post-metadata">

**Author:** ![system](https://yyz1.discourse-cdn.com/palantir/user_avatar/community.palantir.com/system/32/3_2.png) [@system](https://community.palantir.com/u/system)\
**Post date:** [June 30, 2025, 5:52pm UTC](https://community.palantir.com/t/slate-calendar-widget-event-colouring/288/5 "2025-06-30T17:52:14Z")

</div>

Automatically bumped on June 30, 2025, 5:52pm UTC



---

<div class="post-metadata">

**Author:** ![system](https://yyz1.discourse-cdn.com/palantir/user_avatar/community.palantir.com/system/32/3_2.png) [@system](https://community.palantir.com/u/system)\
**Post date:** [September 8, 2026, 2:29pm UTC](https://community.palantir.com/t/slate-calendar-widget-event-colouring/288/6 "2026-09-08T14:29:39Z")

</div>

Automatically bumped on September 8, 2026, 2:29pm UTC