...
You can format the output with different font size and color with css in the Advanced > Formatting (CSS) field.
Available CSS Classes:
| Code Block | ||
|---|---|---|
| ||
*
- Wildcard. Everything in the form.
.form-section
- Container of a section
.form-section-title
- Container of section title
.form-column
- Container of column
.form-cell
- Container of field
.label
- Label of field
//Sub Form
.subform-container
- Container of a Subform
.subform-title
- Container of Subform title
.subform-section
- Container of section in Subform
.subform-section-title
- Container of section title in Subform
.subform-column
- Container of column in Subform
.subform-cell
- Container of field in Subform
|
Picture below demonstrate the CSS classes used in the form layout.
Example:
| Code Block | ||
|---|---|---|
| ||
//Change all word to blue color
*, .form-cell{
color:blue;
}
//Change all word to smaller size
*, .form-cell{
font-size:10px;
}
//Change all label format to underline
* .label{
text-decoration:underline;
}
//Transform all header format to uppercase
.form-section-title{
text-transform:uppercase;
}
|