Skip to Main Content

Developer Community


For appeals, questions and feedback, please email

QR Code Generation and Row Selector Checkbox in Interactive Grid


I'm facing an issue with an Interactive Grid I've created in Oracle Apex. I have a column with a row selector checkbox, and I've added another column where a QR code should be displayed for each row. The QR code is generated using the following Dynamic Action JavaScript code:

$('.qrcode').each(function() {
var qrcode = new QRCode($(this).attr('id'), {
text: $(this).attr('qrcodedata'),
width: 60,
height: 60,
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.H

The column where the QR codes are displayed is an HTML Expression column with the following code:

<div id="&PTN_ID." class="qrcode" qrcodedata="&PTN_ID."></div>

The issue I'm encountering is that for some rows, multiple QR codes and checkboxes in the row selector column are being inserted. I'm having trouble understanding why more than one QR code and checkbox are being assigned to the same row, and the last rows of the IG have no QR Code and chekbox.

Any insights or suggestions on how to resolve this issue would be greatly appreciated.

Thank you!

Post Details
Added on Feb 9 2024