Hide A Field And Page On The Formyoula Details Page

In this guide, we will explain how to hide a field and page on the formyoula details page.

We will hide a form field from the draft entry on the details page.

And will hide a form page from the draft or sent entries on the details page.

Hide a form field from the draft entry on the details page:

Drag and drop some fields with an HTML field.

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

Please use this code:

<style>
.draft_entry > #page_container > .row:nth-child(1) > .col-xs-12 > .panel > #component_list>#component-4f35-8039-2764 {
    display: none;
  }
  .draft_entry .form_nav_container .print {
    display: none;
  }
</style>

Please update the field Id according to your form.

Try the form. Save the entry as a draft.

Go to the details page. It will hide that field for the user.

Hide a form page from the draft or sent entries on the details page:

In this example, we will hide the first page of the form from the draft or sent entry.

Drag and drop an HTML field.

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

Please use this code:

<style>
#page_container > div:first-child {
  display: none;
}
</style>

Try the form. Submit the entry or save the entry as a draft.

Go to the details page. It will hide the first page of the form.

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