Causeview Impact Designer - How to Hide a Form Section, Row or Field

When creating a new form in Impact Designer, you are presented with stock form templates to choose from. These stock templates contain prebuilt sections and fields. If you do not need a specific prebuilt section or field, we do not recommend deleting pre-built fields as they have form actions connected to them in the backend which can prevent form submissions when deleted. Instead, we recommend that you hide the line that contains the control(s).

Being able to hide fields is also useful when you want to use a field to pass information to Salesforce but not necessarily have the field be visible to your donors. For example, you can have a hidden field on the form that contains the form name which you can then map to a source field in Salesforce. 

Hiding a section will hide the rows and form fields within the section. Hiding a row will hide the row and the form fields contained within. And hiding a form field will only hide the field itself.

To hide a section, simply click on the section to select it. The entire section will be highlighted in yellow when selected.

For example, if you would like to hide the entire tribute section, click on the grey area surrounding the tribute fields and this will select the entire section.

Then from the Properties Panel on the right, look for CSS Class and type "hide" in the field.

This will hide the entire section from the form and will no longer be visible to your donors. 

To hide a row or form field, you would also first select the row (or form field) on the form and then you would enter "hide" in CSS Class.

Remember to save any changes you make to the form by clicking on the Save Button on top of the form.

To publish your form, go to Form and click on Publish Form.