How to Generate QR Code in Oracle APEX - Javainhand Tutorial

Hello Friends, Welcome to Javainhand.com In this post, we are going to tell you about the QR code generator in oracle apex. In Recent times QR Code is a very demanding and useful implementation in any website or as we have seen in the mobile applications. you can store any information in QR Code. So I am trying to explain to you how can you QR code generator in oracle apex.

So Let's Start Our Topic
What is QR Code?
How to Generate QR Code in Oracle APEX?

What is QR Code?

QR Code is a two-dimensional barcode that is used to store encoded data. People also share their websites link or other information using QR Code.

In this implementation, I am using a third party library QRCode.js. QRCode.js is a javascript library that helps you to generate QR Code.

How to Generate QR Code in Oracle APEX?

Let's Start to follow the below steps to implement QR code generator in oracle apex

Step 1:-Create a Region QR Code Generate, In the Region creates an Input Item and Button. Below Screenshot will help you out.

Step 2:- Create a Display QR Code Region and paste the below code into region static content. the below screenshot will help you.

<div id="qrcode" ></div>

Step 3:- Copy the below URL in to Page Javascript File URLs Section.

https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js

Step 4:- Copy Below Code into Function and Global Variable Declaration Section.

var qrcode = new QRCode(document.getElementById("qrcode"), {

width : 256,

height : 256

});

function makeCode () {

var elText = document.getElementById("P17_INPUT");// Inseed of P17_INPUT use your item name

if (!elText.value) {

elText.focus();

return;

}

qrcode.makeCode(elText.value);

}

Step 5:- Now Call makeCode() function to Generate Button click dynamic action. The below screenshot will help you.

Identification:- Execute Generate QR Code Function

Event:-Click

Selection Type:- Button

Button:- Generate

True Action:- Execute Javascript Code

Code:- makeCode();

For Demo:- Click Here

If You Like This Tutorial Please Like Share And Comment.