šŸ–‡ Group to PDF and Image - New Plugin from Zeroqode

!

This plugin convers any group (element) to PDF and Image with a super high quality. Set the ID attribute of the element you want to convert and trigger plugin action,and you will get an image or PDF.

Demo gif Group to image new

Live demo: https://zeroqode-demo-28.bubbleapps.io/group_to_pdf_and_image

DEMO & DOCUMENTATION

Group to PDF and Image | Plugin for Bubble by Zeroqode

SUPERCHARGE YOUR APP WITH ZEROQODE PLUGINS

No-Code App Plugins for Bubble | Zeroqode

Levon Terteryan
Founder @ Zeroqode
#1 Bubble Publisher and Developer

logo-icon-S-circle

:file_folder: 165+ Bubble Templates
:mortar_board: 35+ Bubble Courses
:gear: 300+ Bubble Plugins
:iphone: Convert Bubble app to iOS & Android
:man_technologist:t4: No-code Development Services

1 Like

Hi @levon ,

I just installed this plugin. Working fine! Setup was a bit tricky with the lack of documentation.

Creating the files (image and pdf) takes a long time however. Mostly around 5 seconds.
Other similar plugins for ā€˜group to image’ create the image more or less instantly (<2 seconds). Do you expect that creation time will go down in future releases? Because for end-user actions currently it is not a good option for me.

Cheers!

Steven

This seems to generate a perfect PDF the first time, but the second time, it’s completely messed up.

The page:

The first time:

Screen Shot 2023-01-27 at 9.35.46 AM

Every time after that (until I edit the page in bubble and reload the page):

Screen Shot 2023-01-27 at 9.36.17 AM

I have to edit the page in bubble, reload the page and then it works the first time again but subsequent attempts generates the same messed up PDF.

The behaviour is the same for images and PDFs. I’m going to store the PDF but for testing, this is really irritating. IT’s also annoying that you have to store the file before viewing it. Maybe there’s a way to generate the PDF/Image and then open it without having to store in AWS but I haven’t found a way to do that.

Arg.

It also doesn’t render styles if you’re using app fonts and colours, or if you use ā€˜inline styles’ Seems to render fine the first time using a defined style as long as you aren’t using your saved colours/fonts or app colours/fonts.

Hello, @agiledood.
Thank you for your request and patience.

Let us please investigate this moment. We will get back to you asap. :pray:

Regards,
Zeroqode Support Team

FWIW, when I step through the creation of the PDF, this is the URL it generates:

https:https://MYSITEURL.COM/whatever.pdf

Screen Shot 2023-02-06 at 6.35.14 PM

I was trying two fields, one to store the file, one to store a reference to the file…

Hi, @agiledood. Thank you for your patience. :pray:

Please find our teammate’s answer here:

Have you tried this instead? :arrow_down:

Regards,
Zeroqode Support Team

thanks, that isn’t the issue though. It works the first time for me as well, but every other time after that, it doesn’t unless I change the app and force it to reload. I left a comment in your forum as well.

I’ll make a video and post it there.

Last issue: When you configure the plugin to ā€˜attach to’, it incorrectly sets the url of the file to httpsHttps://whatever…

Is there an editor link that I can take a look at the plugin? The link: Zeroqode-demo-28 | Bubble Editor is not working.

Hello @rico.trevisan,
Please accept our apologies for the late reply. :pray:

We have resolved the issue with the demo editor link. Kindly try accessing the link again and let us know if it is working properly now. Zeroqode-demo-28 | Bubble Editor

Thank you for bringing this to our attention, and please do not hesitate to reach out if you need further assistance.

Best regards,
Zeroqode Support Team

1 Like

I’m still struggling to put this into good use. What’s a good strategy to have control on what gets printed on the page? Would it be a good idea to when the user clicks a button:

  1. set the Bubble app page to a certain width x height
  2. do the PDF / image generation
  3. remove the the page width x height ?

Also, it would be nice if I could iterate through a bunch of divs instead of just one. So, instead of asking me for the ID of a group, let me provide it with a class.

Hello @rico.trevisan,
Thanks for your message.

Could you please share a screen recording with us to demonstrate your use case and intended goal (here or via DM)? This would allow us to better understand the situation and provide more effective feedback. Thank you!

We’ll pass it to the developer team for consideration and they need to investigate how feasible it is to implement the requested feature in the nearest plugin update. Once it happens - we will let you know.

Looking forward to your reply.

Best regards,
Zeroqode Support Team

Loving the ā€œGroup to PDF and Imageā€, but the resolution of the final Image is quite low. How can I improve it?

1 Like

Hello @bravo, :wave:

Thank you for your message and sorry for the delayed reply. :pray:

At the moment, we have a reduced staff due to Christmas holidays, but rest assured, we remain dedicated to helping you.

We are glad to hear that you’re enjoying the plugin. Here are some general advice that can take to try and improve image quality:

  • First, ensure that the original images or elements within the group you are converting are of high resolution. The quality of the final image greatly depends on the quality of these source elements. Also, make sure that you are using the latest version of the plugin.

  • The browser zoom level can impact the quality of the generated image. Ensure that your browser zoom level is set to 100% during the conversion process to avoid any resolution issues.

  • A stable and strong internet connection is essential, as a poor connection can sometimes impact the processing and quality of the image.

We will consult with the developers team and let you know their response, maybe we will add an improvement that would let you increase the image quality.

Thank you for your understanding.

Happy holidays. :christmas_tree:

Best Regards,
Zeroqode Support Team.

I have the same issue. Has this been resolved?

1 Like

Hello @erick1 ,

Thanks for reaching out!

The issue in the other report was likely due to a misconfiguration in the workflow. If you’re experiencing any problems, could you please share more details about your use case? Specifically, a screenshot or screencast of how you set up the action and workflow, along with the concern you’re having?

This will help us better understand the situation and look into it further.

Thank you, and we look forward to your reply.

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

Hi,

The plugin installed is:

Please find the video link below to demonstrate the problem:

https://www.loom.com/share/3f932a53686b45f6a3cfb708b9d1a808?sid=90374a17-b248-4cb2-86de-291f9c3e1134

Kind regards | Vriendelike groete.

1 Like

Hello @erick1 ,

Thank you for sharing the video with us.

Regarding your concern, there might be a bit of confusion about how that specific field works. In the ā€œPagebreak IDsā€ field, you need to specify the ID attributes of the pages (groups or other elements) you want printed on separate pages—each ID becomes its own page in the PDF.

This setup allows you to design each page as you wish, then simply place the ID of each group in that field. For example, in your use case, you could put the first text in one group and the other two texts in another group, then list the IDs of these groups in the ā€œPagebreak IDsā€ field.

Could you please check this on your end and let me know if everything is clear or if you have any questions?

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

Thank you. Sorted!

Kind regards | Vriendelike groete.

1 Like

Hello @erick1

Thank you for your message.

We’re glad to hear that everything has been sorted out! Please feel free to reach out anytime you have a question, need clarification, or encounter a glitch—it’s always our pleasure to help.

Wishing you a great day ahead!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

Dear Support,

I am using your ā€œGroup to PDF and Imageā€ plugin to generate PDF documents in my Bubble.io project. I noticed that the generated PDF is automatically saved in the File Manager, but I would like to save this PDF to the database so that I can later send it to users via email.

Could you please guide me on how to:

  1. Retrieve the generated PDF (URL or file) and save it to a File type field in my database?
  2. Link the generated PDF directly to a specific record in the database (e.g., a user, warehouse, or order)?
  3. Configure the workflow properly to achieve this?