** Caldera Support has ended - As of March 31, 2022 Caldera Forms is no longer supported. LINK This includes security updates. Although HIPAA Forms has not changed the Caldera integration, because Caldera is not longer updating security, HIPAA forms does not know if there may be any HIPAA security issues. There is no migration path to Gravity Forms. If you want to remain on HIPAA Forms you will need to recreate your forms in Gravity. However, your old Caldera forms will integrate with any new Gravity forms - they will appear in the same view on the back end of HIPAA Forms.
The integration with mPDF (generate PDF option) limits the ability to customize forms for PDF. However, using the Media Print/Print to PDF function, there is the ability to customize forms. The purpose of this document is to show options to cleanup checkboxes and radio buttons so that non-checked options are not displayed using Media Print for Caldera forms.
If you need Gravity: PDF Printing CSS Customizations for Checkboxes/Radio Buttons (Gravity)
In the Settings/Forms CSS section you can add the following CSS Customizations
This section shows several CSS customizations for the backend Display:
- Hide a specific field
- Change the font-weight of checkbox and radio button selections - making it easier to read
- Hiding all the checkboxes and radio buttons that are not chosen to compress the form display and print size.
All the above for Media Print
Below, showing how to hide even the checkboxes and radio buttons of chosen fields, showing only the selected label
/*hide field fld_876809 - Caldera*/
.cm-hipaa-submitted-form-fields #fld_8768091_1-wrap {
display: none;
}
/* change font weight for checkbox labels - to make easier to read */
.cm-hipaa-submitted-form-fields .checkbox label {
font-weight: 400;
}
/* change font weight for inline checkbox labels - to make easier to read */
.cm-hipaa-submitted-form-fields .checkbox-inline {
font-weight: 400;
}
/* change font weight for radio button labels - to make easier to read */
.cm-hipaa-submitted-form-fields .radio label {
font-weight: 400;
}
/* remove all checkboxes non-checked labels */
.cm-hipaa-submitted-form-fields .cm-hipaa-forms-checkbox-not-checked-wrapper {
display: none;
}
/* remove all radio buttons non-checked labels */
.cm-hipaa-submitted-form-fields .cm-hipaa-forms-radio-not-checked-wrapper {
display: none;
}
/*************************** media print *****************/
@media print {
/* Needed to make the background color blank when background graphics setting is check to allow for yellow check boxes */
body {
background: none;
}
/*hide field 118 added by Caldera*/
#fld_8768091_1-wrap {
display: none;
}
/* change font weight for checkbox labels - to make easier to read */
.checkbox label {
font-weight: 400;
}
/* change font weight for inline checkbox labels - to make easier to read */
.checkbox-inline {
font-weight: 400;
}
/* change font weight for radio button labels - to make easier to read */
.radio label {
font-weight: 400;
}
/* remove all checkboxes non-checked labels */
.cm-hipaa-forms-checkbox-not-checked-wrapper {
display: none;
}
/* remove all radio buttons non-checked labels */
.cm-hipaa-forms-radio-not-checked-wrapper {
display: none;
}
}
This section shows how to not show any checkboxes/radio buttons, even those selected. Will only display label of selected.
/************ hide chosen checkboxes
.cm-hipaa-submitted-form-fields .cm-hipaa-forms-checkbox-value {
display: none;
} */
/************ hide chosen radio */
.cm-hipaa-submitted-form-fields .cm-hipaa-forms-radio-value {
display: none;
}
/*************************** media print *****************/
@media print {
/************ hide chosen checkboxes */
.cm-hipaa-forms-checkbox-value {
display: none;
}
/************ hide chosen radio */
.cm-hipaa-forms-radio-value {
display: none;
}
}