Floating Repeat Group Add Button

In this guide, we will add a floating repeat group add button using the HTML field.

Please drag and drop an HTML field in the repeat group.

Copy the following HTML code and paste it into the HTML field.

<button type="button" class="btn btn-success btn-lg add floating_repeat_add_item_btn" aria-label="Left Align">
  <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
</button>

<style>
.floating_repeat_add_item_btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    color: #FFF;
    border-radius: 30px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 999;
}
</style>

The button will appear when the new repeat group view is expanded.

Enable always expanded repeat group view.

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