Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

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

Excerpt Include
Creating a simple form in Confluence with ConfiForms
Creating a simple form in Confluence with ConfiForms
nopaneltrue

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:
  • ConfiForms TableView macros
  • ConfiForms TableView Merger macros
  • ConfiForms CardView macros
  • ConfiForms ListView macros
  • ConfiForms CalendarView macros
  • ConfiForms CleanView macros



Warning

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).

Code Block
color:red !important;