nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Change colour of calendar entry depending on value

Former user

We have a form we use for submitting change requests which has datetime value which we show in a calendar view on another page.

We have one field used for Approval status which can be either 1, 2 or 3.

I am trying to change the colour of the calendar entry depending on this value but can't work it out. I am very new to confluence so not sure how to proceed.

Accepted answers

Alex Medved _ConfiForms_

Hi @Greg Cowan

Welcome to this community

Although you dont mention this, but I suspect the question is about ConfiForms app.

"calendar view" and "datetime" sound familiar

What you ask is possible - see https://wiki.vertuna.com/display/CONFIFORMS/Visual+customisations+in+ConfiForms+views+based+on+the+data+stored+in+the+fields+with+CSS+rules

Please make sure you see the "note" at the bottom of the page and use !important in your CSS styles (CSS rules on CalendarView require that)

Update: will cross reference another related question/answer https://community.atlassian.com/t5/Confluence-questions/Confiforms-Calendar-view-change-background-colour-of-calendar/qaq-p/1827797

Alex

All comments

Alex Medved _ConfiForms_

Hi @Greg Cowan

Welcome to this community

Although you dont mention this, but I suspect the question is about ConfiForms app.

"calendar view" and "datetime" sound familiar

What you ask is possible - see https://wiki.vertuna.com/display/CONFIFORMS/Visual+customisations+in+ConfiForms+views+based+on+the+data+stored+in+the+fields+with+CSS+rules

Please make sure you see the "note" at the bottom of the page and use !important in your CSS styles (CSS rules on CalendarView require that)

Update: will cross reference another related question/answer https://community.atlassian.com/t5/Confluence-questions/Confiforms-Calendar-view-change-background-colour-of-calendar/qaq-p/1827797

Alex

Andy Gladstone

@Greg Cowan Welcome to Confluence!

I don't believe that there are conditional rules that can be set on calendar entries. Although, it would be a great use case!

Here is a link to Calendar Documentation:

https://confluence.atlassian.com/teamcal/create-add-and-edit-calendars-654213559.htmlhttps://support.atlassian.com/confluence-cloud/docs/create-add-and-edit-calendars

Former user

Hi Alex,

Thanks for the quick response! Sorry yes it is the ConfiForms app. The page has the Calendview macro & is grouped by field DateRequired01. I have then created a CSS rule macro. I have attached what I have set but still showing the same.

I have watched the recording you added to a similar question. I have matched your settings but don't have the field definitions for the form noted on this page.

Former user

Sorry Scratch that, I had = instead of :

It is working now! Thanks for your help

Alex Medved _ConfiForms_

Filters in ConfiForms use : to separate field names/expressions from values

https://wiki.vertuna.com/display/CONFIFORMS/ConfiForms+Filters

Glad you have figured it out! Please accept the answer ;-)

Alex

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

server

confluence-server

confiforms