Step by Step to Create Qrcode in Abap Webdynpro

8
Generated by Jive on 2015-01-08+01:00 1 ABAP Developme nt: Step by step to create QRCode in ABAP Webdynpro Posted by Jerry Wang  Feb 11, 2014 Step1 Create a new form interface in tcode SFP on page 1 Step2 Create a new form template in tcode SFP on page 2 Step3 Create a new ABAP webdynpro on page 4 Test on page 5 Step1 Create a new form interface in tcode SFP Click tab "Interface",add a new attribute QRCODE_INPUT with type string for Form Interface - Import. This attribute is used to hold the content input by end user which will be used to generate QR code. Activate the interface.

Transcript of Step by Step to Create Qrcode in Abap Webdynpro

Page 1: Step by Step to Create Qrcode in Abap Webdynpro

8/10/2019 Step by Step to Create Qrcode in Abap Webdynpro

http://slidepdf.com/reader/full/step-by-step-to-create-qrcode-in-abap-webdynpro 1/8

Generated by Jive on 2015-01-08+01:00

1

ABAP Development: Step by step to createQRCode in ABAP Webdynpro

Posted by Jerry Wang  Feb 11, 2014 

•Step1 Create a new form interface in tcode

SFP on page 1

•Step2 Create a new form template in tcode

SFP on page 2

•Step3 Create a new ABAP webdynpro on

page 4

•Test on page 5

Step1 Create a new form interface in tcode

SFP

Click tab "Interface",add a new attribute QRCODE_INPUT with type string for Form Interface - Import. This

attribute is used to hold the content input by end user which will be used to generate QR code. Activate the

interface.

Page 2: Step by Step to Create Qrcode in Abap Webdynpro

8/10/2019 Step by Step to Create Qrcode in Abap Webdynpro

http://slidepdf.com/reader/full/step-by-step-to-create-qrcode-in-abap-webdynpro 2/8

ABAP Development: Step by step to create QRCode in ABAP Webdynpro

Generated by Jive on 2015-01-08+01:00

2

Step2 Create a new form template in tcode

SFPSpecify the interface you created in step1 as its interface:

In Context tab, drag the attribute QRCODE_INPUT to form Context:

Page 3: Step by Step to Create Qrcode in Abap Webdynpro

8/10/2019 Step by Step to Create Qrcode in Abap Webdynpro

http://slidepdf.com/reader/full/step-by-step-to-create-qrcode-in-abap-webdynpro 3/8

ABAP Development: Step by step to create QRCode in ABAP Webdynpro

Generated by Jive on 2015-01-08+01:00

3

Click tab "Layout", drag a QR Code control from Adobe Form Designer Object Library:

Specify its data binding from context attribute which we drag from form interface in step2:

activate the form template.

 

Page 4: Step by Step to Create Qrcode in Abap Webdynpro

8/10/2019 Step by Step to Create Qrcode in Abap Webdynpro

http://slidepdf.com/reader/full/step-by-step-to-create-qrcode-in-abap-webdynpro 4/8

ABAP Development: Step by step to create QRCode in ABAP Webdynpro

Generated by Jive on 2015-01-08+01:00

4

Step3 Create a new ABAP webdynproIt has one text edit which allows end user to input some string which will be used to generate the QR code,

a button to trigger the PDF generation, and an interactive form element to display the rendered PDF with

QRCode.

 

Select the interactive form element, maintain the template source with ZPF_GRCODE we created in step2,

choose Yes to let framework to generate the necessary context for us:

Page 5: Step by Step to Create Qrcode in Abap Webdynpro

8/10/2019 Step by Step to Create Qrcode in Abap Webdynpro

http://slidepdf.com/reader/full/step-by-step-to-create-qrcode-in-abap-webdynpro 5/8

ABAP Development: Step by step to create QRCode in ABAP Webdynpro

Generated by Jive on 2015-01-08+01:00

5

Bind the text edit to the automatically generated context attribute:

Test 

type some test string and click Generate button, the generated QR code is displayed in the interactive form

element.

Page 6: Step by Step to Create Qrcode in Abap Webdynpro

8/10/2019 Step by Step to Create Qrcode in Abap Webdynpro

http://slidepdf.com/reader/full/step-by-step-to-create-qrcode-in-abap-webdynpro 6/8

ABAP Development: Step by step to create QRCode in ABAP Webdynpro

Generated by Jive on 2015-01-08+01:00

6

and I can use the QRCode scanner installed in my cellphone to parse the QRCode successfully.

Page 7: Step by Step to Create Qrcode in Abap Webdynpro

8/10/2019 Step by Step to Create Qrcode in Abap Webdynpro

http://slidepdf.com/reader/full/step-by-step-to-create-qrcode-in-abap-webdynpro 7/8

ABAP Development: Step by step to create QRCode in ABAP Webdynpro

Generated by Jive on 2015-01-08+01:00

7

2558 Views Tags: abap, pdf, scan, interactiveform, qr_code, abap_webdynpo, qrcode, form_template

pavan sai

Aug 22, 2014 8:02 AM

Hi Jerry,

 

Thanks alot for sharing the tutorial.

I have small doubt can you please share your knowledge.

1. If i created QR code has you mentioned above. Once QR code get generated how do i print the QR codeinto "ZPL" printer?? need steps to print the QR code..

 

Thank You.

 

Regards,

Pavan.

Jerry Wang in response to Mohamed Riswan Abdul Lathif  on page 8 

Jun 20, 2014 9:43 AM

Hi Riswan,

 

Page 8: Step by Step to Create Qrcode in Abap Webdynpro

8/10/2019 Step by Step to Create Qrcode in Abap Webdynpro

http://slidepdf.com/reader/full/step-by-step-to-create-qrcode-in-abap-webdynpro 8/8

ABAP Development: Step by step to create QRCode in ABAP Webdynpro

Generated by Jive on 2015-01-08+01:00

8

there might be some technical limitation on the Adobe QRCode control. As currently the ADS in my server is

down, I could not do more testing on it. I suggest you create an internal ticket to CSS component XX-PART-

ADB-IFM also write mails to the responsible colleagues there. They have enough expertise to help you.

 

Best regards,

Jerry

Mohamed Riswan Abdul Lathif

Jun 18, 2014 3:42 PM

Hi Jerry,

 

This was an awesome tutorial. This helped a lot. Thanks for sharing this. There seems to be a small problem

with this, when I am trying to generate QR codes for URLs which has lengthy strings ( i.e more that 155 chars),

QR code is not generated. Is there a way by which we can resolve this issue?

 

Regards,

Riswan