Conditional Repeat Group Entry Add And Delete Button

In this guide, we will create custom Add and Delete buttons for Repeat Group. Both custom buttons can be controlled by other fields to allow repeat entry creation and deletion on in specific conditions.

Example form template for import - https://app.formyoula.com/templates/import

[Example Form] Conditional Repeat Group Entry Add And Delete Button.json4.7KB

Custom Repeat Entry Delete Button HTML

<a class="btn btn-danger btn-block custom-delete delete">Remove Repeat Item</a>

Custom Repeat Entry Add Button HTML

<a class="btn btn-success btn-block custom-add add">Create Repeat Item</a>

Hide Standard Repeat Entry Add and Delete Buttons HTML

<style>
  
  .new_repeat_entry_panel .delete {
    display: none;
  }
  
  .new_repeat_entry_panel .add:not(.custom-add) {
    display: none;
  }
  
  .existing_repeat_entry_panel .delete:not(.custom-delete) {
    display: none;
  }
  
  .existing_repeat_entry_panel .add {
    display: none;
  }
  
</style>
image

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