# Month view event color

**URL:** <https://forum.inductiveautomation.com/t/month-view-event-color/12412>\
**Category:** Ignition\
**Created:** [November 29, 2016, 3:49am UTC](https://forum.inductiveautomation.com/t/month-view-event-color/12412 "2016-11-29T03:49:39Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kstofcho](https://avatars.discourse-cdn.com/v4/letter/k/a9a28c/32.png) [@Kstofcho](https://forum.inductiveautomation.com/u/Kstofcho)\
**Post date:** [November 29, 2016, 3:49am UTC](https://forum.inductiveautomation.com/t/month-view-event-color/12412/1 "2016-11-29T03:49:39Z")

</div>

I’m searching for a way to make the event color be a highlight (or box around the event text) rather than just the font color (like note 2 in the image). In this case, note 2 is just selected but I want all the events to be highlighted and the color based on the event color set which defaults to changing the text foreground color. I couldn’t find anything in the documentation allowing me to do so. Any creative workarounds/ideas? Thanks!

---

<div class="post-metadata">

**Author:** ![jpark](https://avatars.discourse-cdn.com/v4/letter/j/a88e57/32.png) [@jpark](https://forum.inductiveautomation.com/u/jpark)\
**Post date:** [November 29, 2016, 3:59pm UTC](https://forum.inductiveautomation.com/t/month-view-event-color/12412/2 "2016-11-29T15:59:53Z")

</div>

Try setting the display value to something like this:

```auto
<html><div style="color: #ffffff; background-color: #ff0000">Note 2</div>
```

---

<div class="post-metadata">

**Author:** ![Kstofcho](https://avatars.discourse-cdn.com/v4/letter/k/a9a28c/32.png) [@Kstofcho](https://forum.inductiveautomation.com/u/Kstofcho)\
**Post date:** [November 29, 2016, 6:49pm UTC](https://forum.inductiveautomation.com/t/month-view-event-color/12412/3 "2016-11-29T18:49:33Z")

</div>

This is perfect! Thanks!