# Creating Simple Report

You finished your installation and ready to create new PDF Report Template

So you need to open your report\_builder.html in New Tab

[![Screenshot 2024-08-15 at 17.28.25.png](https://docs.finmars.com/uploads/images/gallery/2024-08/scaled-1680-/screenshot-2024-08-15-at-17-28-25.png)](https://docs.finmars.com/uploads/images/gallery/2024-08/screenshot-2024-08-15-at-17-28-25.png)  
  
<span style="color: rgb(0, 0, 0);">Another thing to consider:</span>

<span style="color: rgb(0, 0, 0);">if you use com.finmars.pdf-builder/example\_builder.html you <span style="color: rgb(224, 62, 45);">**must pass query parameters**</span> to run it  
  
Example: ?report\_date=2023-09-11&amp;portfolio=Bonds%20Portfolio  
  
So in this example, we must declare <span style="color: rgb(185, 106, 217);">**Portfolio User Code**</span> and <span style="color: rgb(185, 106, 217);">**Report Date**</span> to make it run  
</span>

[![Screenshot 2024-08-15 at 17.33.24.png](https://docs.finmars.com/uploads/images/gallery/2024-08/scaled-1680-/screenshot-2024-08-15-at-17-33-24.png)](https://docs.finmars.com/uploads/images/gallery/2024-08/screenshot-2024-08-15-at-17-33-24.png)  
  
But lets start from the begining  
  
You can hover over elements and then you will see Delete Icon, if you press Element will be deleted

[![Screenshot 2024-08-15 at 17.37.10.png](https://docs.finmars.com/uploads/images/gallery/2024-08/scaled-1680-/screenshot-2024-08-15-at-17-37-10.png)](https://docs.finmars.com/uploads/images/gallery/2024-08/screenshot-2024-08-15-at-17-37-10.png)

Okay, I cleared all the canvas

[![Screenshot 2024-08-15 at 17.36.31.png](https://docs.finmars.com/uploads/images/gallery/2024-08/scaled-1680-/screenshot-2024-08-15-at-17-36-31.png)](https://docs.finmars.com/uploads/images/gallery/2024-08/screenshot-2024-08-15-at-17-36-31.png)  
  
In Right Top corner you have square button with + sign, it will open menu of <span style="color: rgb(185, 106, 217);">Blocks <span style="color: rgb(0, 0, 0);">that can be places on canvas  
  
Right now, I scrolled down and drag and dropped <span style="color: rgb(185, 106, 217);">A4 Paper block</span> on canvas. Simple as that!</span></span>

[![Screenshot 2024-08-15 at 17.38.36.png](https://docs.finmars.com/uploads/images/gallery/2024-08/scaled-1680-/screenshot-2024-08-15-at-17-38-36.png)](https://docs.finmars.com/uploads/images/gallery/2024-08/screenshot-2024-08-15-at-17-38-36.png)  
  
  
Now I can add some text!

[![Screenshot 2024-08-15 at 17.39.44.png](https://docs.finmars.com/uploads/images/gallery/2024-08/scaled-1680-/screenshot-2024-08-15-at-17-39-44.png)](https://docs.finmars.com/uploads/images/gallery/2024-08/screenshot-2024-08-15-at-17-39-44.png)  
  
Lets Put this text into Card  
  
So I wrapped my text with

[![Screenshot 2024-08-15 at 18.00.48.png](https://docs.finmars.com/uploads/images/gallery/2024-08/scaled-1680-/screenshot-2024-08-15-at-18-00-48.png)](https://docs.finmars.com/uploads/images/gallery/2024-08/screenshot-2024-08-15-at-18-00-48.png)  
  
Then I click on that element and now my right sidebar has Brush Active Menu, scroll down to <span style="color: rgb(185, 106, 217);">Decorations</span> section, then add Background, any color you like

[![Screenshot 2024-08-15 at 18.00.25.png](https://docs.finmars.com/uploads/images/gallery/2024-08/scaled-1680-/screenshot-2024-08-15-at-18-00-25.png)](https://docs.finmars.com/uploads/images/gallery/2024-08/screenshot-2024-08-15-at-18-00-25.png)  
  
So, lets test it, press export to PDF (its far right button with pdf icon)

[![Screenshot 2024-08-15 at 18.01.52.png](https://docs.finmars.com/uploads/images/gallery/2024-08/scaled-1680-/screenshot-2024-08-15-at-18-01-52.png)](https://docs.finmars.com/uploads/images/gallery/2024-08/screenshot-2024-08-15-at-18-01-52.png)  
  
Amazing, you created your first PDF report, well done!

[![Screenshot 2024-08-15 at 18.02.26.png](https://docs.finmars.com/uploads/images/gallery/2024-08/scaled-1680-/screenshot-2024-08-15-at-18-02-26.png)](https://docs.finmars.com/uploads/images/gallery/2024-08/screenshot-2024-08-15-at-18-02-26.png)  
  
Keep going! Go to [https://docs.finmars.com/books/pdf-builder/page/add-dynamic-content-to-your-pdf-report](https://docs.finmars.com/books/pdf-builder/page/add-dynamic-content-to-your-pdf-report)