Hiding Buttons On The Entry Detail Page

In this guide, we will explain how to hide the edit button in the draft and sent entries.

  1. Click the “New Form”.
image
  1. Drag and Drop one HTML and two Text fields and rename the text fields.
image
  1. Click the pencil icon on the HTML field and paste the below code.
image

HTML Code:

<style>
    .sent_entry .form_nav_container .edit {
        display: none;
    }
    .draft_entry .form_nav_container .edit {
        display: none;
    }
</style>
  1. Click the Check button and then click “Save & Close” to save the form.
image
  1. Try the form.
image
  1. The edit button in the draft and sent entries will be hidden.
image

Additionally, please use this CSS to hide the “Clone” button:

<style>
    .sent_entry .form_nav_container .clone {
        display: none;
    }

    .draft_entry .form_nav_container .clone {
        display: none;
    }
</style>

Hide The Details Page Drop-Down Menu Buttons:

  • Please try out this code:
<style>
 .sent_entry .dropdown-menu .back {
        display: none;
    }
.draft_entry .dropdown-menu .back {
        display: none;
    }
.sent_entry .dropdown-menu .edit {
        display: none;
}
.draft_entry .dropdown-menu .edit {
        display: none;
}
</style>
  • It will hide the buttons from the details page drop-down menu.
image

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