Bubble.io Learn How to Create a PDF - Tutorial

Поделиться
HTML-код
  • Опубликовано: 19 ноя 2024

Комментарии • 34

  • @IsaacBG84
    @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
      @NoCodeAcademy  Год назад +1

      Hey Isaac, if your layout is more sophisticated, you might be better served from this video ruclips.net/video/7XZMeWOb3rc/видео.html.

    • @IsaacBG84
      @IsaacBG84 Год назад

      @@NoCodeAcademy Thank you i will check it out.

  • @krypto305
    @krypto305 2 месяца назад +1

    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!

  • @sollo-music
    @sollo-music 19 дней назад

    Thank you!

  • @pascalj.5546
    @pascalj.5546 Год назад +1

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

  • @fjph8826
    @fjph8826 Год назад +1

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

    • @NoCodeAcademy
      @NoCodeAcademy  Год назад +1

      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
      @marketinginfo2822 Год назад

      @@NoCodeAcademy answer me pls

  • @francischin9789
    @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

  • @erickmoela1816
    @erickmoela1816 7 месяцев назад

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

    • @NoCodeAcademy
      @NoCodeAcademy  7 месяцев назад

      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.

  • @sockeye
    @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
      @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.

  • @camitrading4938
    @camitrading4938 Год назад

    Thanks.

  • @creativespace5551
    @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
      @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
    @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
      @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.

  • @mediumpigeon7057
    @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
      @NoCodeAcademy  Год назад +1

      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.

  • @ofer213
    @ofer213 Год назад

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

    • @NoCodeAcademy
      @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.

  • @MrunalBhokare
    @MrunalBhokare Год назад

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

    • @NoCodeAcademy
      @NoCodeAcademy  Год назад

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

  • @marketinginfo2822
    @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
      @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
      @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
      @victoirezj Год назад

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

  • @graysonscottnyc
    @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
      @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.

  • @ob.gc366
    @ob.gc366 Год назад +1

    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
      @NoCodeAcademy  Год назад

      Hi Ob great to know, thanks for that 👍