Hide Fields On Formyoula Forms Using CSS

In this guide, we will explain how to hide fields on a Formyoula form using CSS.

Drag and drop two text fields and an HTML field. Rename the text fields as shown below.

Click the pencil icon of the HTML field and paste the code. Then save the changes.

Use the below code:

<style>
#component-29bf-74f2-85db {
  display: none;
}
</style>

Note: Please change the field id according to your form.

Try the form.

We can also hide fields inside repeat groups. For example, hide the field only for existing repeat entries.

<style>

.existing_repeat_entry_panel #component-29bf-74f2-85db {
  display: none;
}

</style>

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