Bubble.io Learn How to Create a PDF - Tutorial

[@IsaacBG84]

IS this the right plugin for me? Customer wants to generate a pdf report and fill it with data,text,pictures and graphs. Do i need to create a Form dashboard and let the user upload things to it? Can this plugin use a template and just upload data or do i need to configure manually each elemnt on the pdf in workflow?

[@NoCodeAcademy]

Hey Isaac, if your layout is more sophisticated, you might be better served from this video kzbin.info/www/bejne/bYm9fpiNhMdmqMU.

[@IsaacBG84]

@@NoCodeAcademy Thank you i will check it out.

[@krypto305]

For all those if this is not working for you for some strange reasons, may be start and compile your document step by step. That was helpful for me!

[@graysonscottnyc]

Great tutorial, exactly what I needed, so thank you. However, this is just a small critique. Why were you in such a hurry to get through this? Between your mouse being waved around on the screen and you doing this exercise as quickly as you can possibly get through it, I realised halfway through it was kind of stressful to follow along. Is doing this exercise as fast as you can the goal, or is teaching the concepts the goal?

[@NoCodeAcademy]

Hey thanks for the feedback. In the early days of making these tutorials -- this is one nearly 2 years ago Dec 10, 2022 -- it was quite stressful to multitask at such a high level of (a) do the actual development tasks (b) do them in a logical order (c) narrate cleanly and articulately. It didn't come naturally to do so and I think that shows especially in this video, but appreciate you're pointing it out, it is consistently something I aim to improve as the channel evolves. Cheers.

[@erickmoela1816]

Great tutorial working just fine, is there any how I can customize column width, like set width for a specific columns?

[@NoCodeAcademy]

Hi thanks for kind words. Unfortunately for customizing the column width, it's not an option or else you'd see it there on the panel at 7:55 when adding other columns. You might try one of the other PDF tutorials on the channel as those utilize the UI of the page to create the layout, but obviously that means it couldn't be run as a backend workflow since it requires the front end's UI to create the PDF. Hope that helps.

[@francischin9789]

Hi, is there a way to pass in image url from my Datatype in one of the column? So that the pdf can show the image for each row of records ! Thanks ! Great tutorial

[@sockeye]

Great tutorial! Perhaps you can provide a little advice for my use case. I need to let a user determine which items get assigned to which document and the background image. Ideally I'd like the user to be able to visually see changes as they add or remove items to PDF before sending it to Conjure PDF to be processed. When they create a new document, I am trying to also let them choose pre-defined page sizes so the canvas they are working on matches the Conjure PDF output. That way they are designing in 1:1. So far, I have set up the data type Dynamic Document's Slug field to bring the user to their newly created document. What is the MVP approach to getting something simple set up? Thanks!

[@NoCodeAcademy]

Hi Sockeye, If I were in your position, I would suggest breaking down the process into two parts. Here's how you can approach it: Part 1: Create a list of dynamic items for the PDF output - Begin by identifying all the elements that you want to dynamically include in the PDF output. These could be variables, user inputs, or any other data that needs to be incorporated into the PDF. - Design a user interface (UI) flow that allows your users to select or determine these dynamic items. This could involve forms, checkboxes, dropdown menus, or any other suitable UI components. - Ensure that the UI flow guides your users in providing all the necessary information required for generating the PDF. Part 2: Generate the PDF with dynamic values - Utilize the capabilities of the plugin you are working with to generate the actual PDF. - Extract the dynamic values collected from your users through the UI flow in Part 1. - Explore the different features and options provided by the plugin to incorporate these dynamic values into the PDF output. - Take advantage of the plugin's functionality to handle the various components of the PDF, such as headers, footers, text fields, images, and formatting. By dividing the process into these two parts, you can effectively organize your workflow. Part 1 focuses on gathering the necessary data from the users, while Part 2 concentrates on using the plugin's capabilities to generate the PDF with the dynamic values. Good luck with your project.

[@fjph8826]

Nice tutorial on client side PDF creation. Any plans to make a video about the server side method?

[@NoCodeAcademy]

Hey thank you. Yes, I've thought to add more PDF tutorials to the list. This one is by no means comprehensive, it's intended to help someone dip their toes into PDF creation if they have some basic needs. Is there a particular scenario or use case you have mind?

[@marketinginfo2822]

@@NoCodeAcademy answer me pls

[@camitrading4938]

Thanks.

[@creativespace5551]

Great tutorial. I ran into an issue: cannot read property default fonts of null eval....yet, i double checked font, changed font, but it all fails. Any idea why?

[@NoCodeAcademy]

Hey thanks for the kind words. Hmm I'm not familiar with that error. So you're saying you're seeing that error without changing anything related to the font? If you are changing the font, see the comment thread below from @ofer213. Also, some info related to the fonts from the plugin marker is in this thread forum.bubble.io/t/pdf-conjurer-updated-free-plugin-now-saving-to-database/43240/414. Lastly, I have another PDF plugin video dropping on Sunday of this week as well that is for a paid plugin with really good support from the plugin maker, since to be honest, even though this one is popular, sometimes you just want things to work. Hope at least one of the above points is helpful. Good luck.

[@thomasrichard5645]

Nice! I just have a problem on my table. the second columns and following are empty though the data is not empty.. I just did like you and copy paste the first expression and then modified it to select another field. any clue of what the problem could be?

[@NoCodeAcademy]

Hi Thomas, it could be a number of things. Maybe to start with, check at 7:39 where the second column checkbox is selected. If not this, then check the data that you're putting into the second and third columns, which you can do by taking that same expression and putting it into a regular repeating group on the page (make sure you're using a visual element to display the data you've added to the repeating group, without knowing your level in Bubble, have to say these basics 🤣, but for example if you're expecting some text to show up, you need the data in the repeating group as well as a text element to display it down the repeating group for all values of the data type in your RG). Let me know how that goes. Good luck.

[@ofer213]

Hi How can I change the font on Bubble, "Define new style for PDF Model" from Roboto to Arial

[@NoCodeAcademy]

Hi Ofer, use the Load Font to PDF Model workflow action and after giving it the name of Arial in that workflow action, you'll need specify the file linked to the font. Then update the font name for the Style workflow action (around the 5:40 mark). See this forum link for full documentation and an example from the plugin maker - forum.bubble.io/t/pdf-conjurer-updated-free-plugin-now-saving-to-database/43240/414.

[@pascalj.5546]

my boss would complain about talking and clicking way too fast, but thanks

[@mediumpigeon7057]

hi! i tried to copy this tutorial in its entirety but something about my header didn't work (all my text piled over the header) and more importantly the table won't work? it breaks the whole pdf conjuring? what went wrong here?

[@NoCodeAcademy]

Hi, the first step is to double check the workflows, I'll explain how and what to check. Look at the 4:12 mark of this video, see the workflows for “Activate header a PDF Model” and “Activate header on PDF”? Always be sure to use the one that says “PDF Model” for each step or it won’t work. Does this help your header? The nature of Bubble and software development is it is unforgiving on any small details missed, so a good idea that beyond the double checking you've likely already done is to triple check things. Lastly, do you have an example of what you’d like the final product to look like? Send a link, I’ll give some general tips if that could be helpful.

[@MrunalBhokare]

Hi I'm getting an error as 'Please select a file'. How to solve that one?

[@NoCodeAcademy]

Hi Mrunal, thanks for the comment. What is the name of the workflow action that's giving this?

[@marketinginfo2822]

i tried the same thing but there is no file !! i don't know why the workflow dont want to create the file maybe the last thing '' conjurer pdf "

[@NoCodeAcademy]

Hi check that each workflow step has the word Model in it, the plugin has some duplicate workflows it appears and if I were you, the first thing I'd check is 10:30 mark you can see "Conjure PDF" and "Conjure a PDF Model", you want to make sure it's the 2nd one. But this applies to all workflow steps. Good luck.

[@marketinginfo2822]

@@NoCodeAcademy i did everything and i really need help if there is contact with you to send you screen shoot to help pls tell me im in extrem urgency

[@victoirezj]

Hello @@marketinginfo2822 did you manage to find a solution? I'm facing the same issue :(

[@ob.gc366]

Maybe it is a valuable stuff, but next time please do it not so chaotic. You want to teach someone or show off how quickly you are able to click or write anything. This is not a race, or at least it shouldn't be.

[@NoCodeAcademy]

Hi Ob great to know, thanks for that 👍