In this guide, we will add a floating barcode and QR code scan using the HTML field.
Please drag and drop an HTML field below the repeat group.
Copy the following HTML code and paste it into the HTML field.
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 🙂
<button type="button" class="btn btn-default btn-lg scan floating_repeat_scan_item_btn" aria-label="Left Align" onClick="$( '.new_repeat_entry_panel .formyoula-Barcode .scan_bar_code_button' ).click();">
<span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
</button>
<style>
.floating_repeat_scan_item_btn {
position: fixed;
bottom: 30px;
left: 30px;
border-radius: 30px;
text-align: center;
box-shadow: 2px 2px 3px #999;
z-index: 999;
}
</style>