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.

image

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>
image

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

image

Enable always expanded repeat group view.

image

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