[New Plugin] Colour QR Code Generator

talkingoldfish · 2020-06-25T15:03:35.537Z

How do,

I’ve just released the brand, spanking, new Open Source Colour QR Code Generator - my first ever plugin!

This plugin enables you to create QR codes from any text string and also allows you to personalise the QR image, as well as save it back to the database if required!

In order to use the plugin you just need to add the Colour QR Code element to the page and then add your required styling options to the element in the Property Editor. Within this editor you can change the following options:

Background colour
Background alpha (opacity)
Foreground colour
Foreground alpha (opacity)
Error correction level for QR code (link)
Padding (in pixels)
Size (in pixels)
Image format (png / jpg)

All of the above (except size / padding) can also be created as a Bubble Style type to created a standard QR colour profile.

Creating the QR code is achieved within the workflow where you need to add a Generate a Colour QR Code action. Within the Property Editor for this workflow action you can set the below options:

Text to be encoded
Whether or not to save the QR image to the database
QR image filename for saving to the db

There is also an event which can be added to the Workflow, which is A Colour QR Code is saved. This is fired whenever the Colour QR Code element has saved a file to the database and has the file set as a state on the element.

Whenever the Generate action is run there will be 3 available states:

QR Image (the image file encoded in Base64, which can be used in an image element to show the QR code, without needing to save it to the db)
Saved Image URL (the full URL for the file saved to the db)
Saved Image Filename (the saved Filename including file extension)

You can view a demo of this plugin in action @ https://colour-qr-code-generator.bubbleapps.io

The plugin page can be viewed @ https://bubble.io/plugin/colour-qr-code-generator-1589286705656x418893179359068160

It’s free so please give it a go - I’d love to hear your feedback!

Stuart B

mat.lawrence · 2020-06-27T12:33:34.201Z

Awesome! This is exactly what I needed for my app.
Thanks for sharing Stuart

talkingoldfish · 2020-06-27T14:35:41.224Z

Cheers Mat, glad it helped! I needed colour QR codes for one of my webpages too but couldn’t find anything open source available which is why I created it

melon · 2020-11-02T04:59:02.805Z

Safroman · 2020-11-11T23:56:07.021Z

I have got the same problem

jeffrey.j.obrien · 2020-12-04T10:57:19.671Z

Hi @talkingoldfish,

Thanks for the two great QR plugins.

I can get the QR generator plugin to work ok when I have it placed on a page. But when I try to do the same things on a pop-up, I get the following:

Screenshot 2020-12-04 at 10.20.171808×1008 173 KB

Ideally, I’d like to generate the QR code when I am creating a new record in a popup. Any ideas?

Best,
Jeff

talkingoldfish · 2020-12-08T16:44:34.106Z

Thanks Jeff,

Would you be able to let me see the app to try and see what is going on?

I am able to generate a QR within a simple popup, however I am sure that due to the differences in the elements / workflow there is a reason why this isn’t working in your app.

Thanks,
Stuart B

eric3 · 2021-01-13T19:55:15.848Z

@jeffrey.j.obrien I had a similar experience. My best guess is the QR value is being set with an empty value. This might happen if the QR code is generated but the parameter you pass into it is dynamic and takes a moment to load (ie “Do a search for X”). If you artificially add a pause or make sure that value is set prior to generating the QR code you might have better luck. Here’s what I did (linked) https://share.getcloudapp.com/ApuGbLX1 cc @talkingoldfish in case you can shed any light. Thanks for the plugin!!

al11 · 2023-05-21T08:50:02.283Z

Hi Stuart @talkingoldfish
I just installed your plugin Colour QR Code Generator and like it a lot! It was super easy to set up. Thank you for making it available for Bubble apps.

I have a question about the privacy of this plugin. Do you on the plugin side collect the data, meaning the text value to encode in the QR code? Do you keep a copy of the text value?

PastedGraphic-1640×528 29 KB

In my use case the text value is a URL that links to personal data so I am asking because of GDPR. Thank you.

nick.lockley · 2024-05-29T21:23:15.606Z

Hi, How do you make this plugin work with the latest/updated bubble stripe plugin? Its failing to save the QR code and run the secondary workflow as stripe loads the stripe console page which loses the page state on the qr code image. (I think this is the issue anyway)

I dont get a problem when running it using the legacy stripe plugin as it doesnt leave the page and opens the payment console in a popup instead.

Im trying everything here and still stuck. Any ideas?

Nick

palateandcraft · 2024-08-31T03:43:22.387Z

Hi @talkingoldfish,

I’ve been running qr code generator with no issues all these while. But I cant seem to generate any qr code since this morning. Any idea what’s going on with this issues displayed as followed?

Screenshot 2024-08-31 at 11.31.02 AM3104×1974 478 KB