Hide Empty Spaces Created By System Fields

In this guide, we will explain how to hide empty spaces created by system fields.

In the below screenshot, the empty spaces are created by the Field Update Workflow and the JavaScript fields. We will hide this using CSS.

image

Drag and drop an HTML field on your form.

image

Click the pencil icon of the HTML field and paste the code.

image

Please use this code.

In this example, we will use the code to hide Field Update Workflow and JavaScript fields.

<style>

.formyoula-Field_Update_Workflow {
  display: none;
}

.formyoula-JavaScript {
  display: none;
}

.formyoula-Multiple_Fields_Per_Row {
  display: none;
}

</style>

Save the changes and try your form.

The empty spaces created by Field Update Workflow and JavaScript fields have been successfully hidden.

image

For any questions, please contact us - [email protected] or the Formyoula in-app chat 🙂