Confiforms CSS Rules in Calendar View

[Douglas Stransky]

Good Morning, 

I followed the example below and it works like a champ!

https://wiki.vertuna.com/display/CONFIFORMS/Visual+customisations+in+ConfiForms+views+based+on+the+data+stored+in+the+fields+with+CSS+rules

So I now want to apply the rule to a calendar view.

I then added a field f3 for DateTime Interval to the form and added a calendar view grouping by field f3.   

In the calendar view definition, I added the same CSS rule to make fields with Test* as yellow background red text.   

However; the calendar only displays a blue bar with white text over the date range I specified in field f3.   What am I doing wrong?

Thanks!

Doug

[Alex Medved _ConfiForms_]

Hi @Douglas Stransky 

Could you share how you CSS rule is configured (complete configuration)?

Alex

[Douglas Stransky]

Good Morning!

Here you go.  Thanks in advance

again, the form view displays correctly, but the calendar view does not.

Page:  Test Page

Form:  myform,  Title My Form

     Field  f1:  text; Field f2:  text;  Field f3:  DateTime Interval

     Registration Control:  form name:  myform; Page Title:  Test Page; type:  embedded

TableView:  Form Name:  myform; Page Title:  Test Page

     Field f1;  Field f2;  Field f3

     CSS Rule | condition f1:test*;  color:red; background:yellow;

     CSS Rule | contition: f2:   background:gray;

CalendarView:   

     group:  f3;

     Form Name:  myform;

     Page:  Test Page; 

     Rendering: sequential

     field to use as title:  f1

     CSS Rule | condition f1:test*; color:red; background:yellow;

[Alex Medved _ConfiForms_]

You are missing the field name for the CSS rule, should be f3 (same field you use for the grouping)

And as the page suggests https://wiki.vertuna.com/display/CONFIFORMS/Visual+customisations+in+ConfiForms+views+based+on+the+data+stored+in+the+fields+with+CSS+rules

you need to add !important when trying to set custom CSS styles on the CalendarView items

color:red !important; background:yellow !important;

[Douglas Stransky]

It worked!!!!!!!!!!!!!!!!

THanks,

Doug