Support

Home Forums Event Espresso Premium Customize barcode and qrcode

Customize barcode and qrcode

Posted: June 17, 2015 at 5:46 am


Robby Gunawan

June 17, 2015 at 5:46 am

Hi,

I have 2 questions:

1. Is it possible to customize the barcode? width, height, symbology? also for qrcode, can I put “http://…..” into qrcode or another string into qrcode?

2. Is it possible rotate the barcode? I want put the barcode like Eventbrite ticket.. I’ve tried with custom CSS, it’s works but seem the width of table the same length of barcode in horizontal mode


Tony

  • Support Staff

June 17, 2015 at 5:55 am

Hi Robby,

1. We have a wiki on how to create custom QR codes available here:

https://eventespresso.com/wiki/custom-qr-codes-for-tickets/

However the QR codes are intended to be used as another option for scanning your registrants tickets, if you create custom QR’s they can no long be used for that.

2. Is it possible rotate the barcode? I want put the barcode like Eventbrite ticket.. I’ve tried with custom CSS, it’s works but seem the width of table the same length of barcode in horizontal mode

What code are you using to do this currently?

Can you explain a little further on the meaning of the last sentence please, I’m not sure I fully understand.


Robby Gunawan

June 17, 2015 at 6:12 am

Hi Tony,

Sorry for my bad english..

you can check here: http://tinypic.com/view.php?pic=160a6pt&s=8#.VYFjf_mqqko

the green area is orginal position of barcode, it shift 2 columns at the right.. the blue one is barcode after rotate 90 degree.. but the length of column still the original one..

My CSS is simple:

.rotateimage {
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}


Tony

  • Support Staff

June 17, 2015 at 7:48 am

Can you post up the full ticket template you are using please?

I recommend using a service such as http://pastebin.com/ to add the code, then posting the url here for us to view.

I’m wondering how you are wrapping the barcode but the full template will give me better idea of what is happening.


Tony

  • Support Staff

June 17, 2015 at 7:49 am

Just to make sure its clear, is the contents of this section – http://take.ms/PfdDw


Robby Gunawan

June 17, 2015 at 8:01 am

Hi Tony,

This is my code

http://pastebin.com/bdikV9G4


Josh

  • Support Staff

June 22, 2015 at 11:02 am

Hi Robby,

One way you can set the width of the table cell that has the barcode in it is add a class name to the markup. So on line 8 of the template code in that pastebin, you change the <td> to something like

td class=”barcode”

Then you add something like this to your CSS:

.barcode {
max-width: 150px;
}


Robby Gunawan

June 25, 2015 at 1:55 pm

it’s works now..
thanks for your help

The support post ‘Customize barcode and qrcode’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso