Floating Barcode And QR Code Scan Button

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.

image

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

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