In this tutorial you will learn how to customise the output of the ConfiForms based on field values

We will start with definition of a simple form, which has 2 fields: both of type "text"

Then we define a TableView (references our form, called "myform") which will show the values stored by this form:

And start defining CSS Rules

Which means that if the value stored in the field "f1" matches the given filter: f1:test* then it will be shown in red on a yellow background

We add another rule

for field "f2", to show it on a grey background if the value stored in "f2" field is empty

Both rules are configured for the TableView we have created

And here is how the table is shown when some field values meet defined conditions

CSS Rules for ConfiForms Fields work with:



When you want to customize the CalendarView entries, you will need to add the CSS Rules macro to use the same field you are using for grouping Calendar entries.

CSS Rules could be applied conditionally

Most probably, you will need to use !important in your css rules (default styles are quite "agressive" and you might need to really force the browser to use your styles).

color:red !important;