> For the complete documentation index, see [llms.txt](https://cranford-tech.gitbook.io/pdf-creator/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cranford-tech.gitbook.io/pdf-creator/tips/adding-a-loading-screen.md).

# Adding a loading screen

### Video Tutorial

The below video tutorial demonstrates how to add a loading screen while PDFs are being generated in your Bubble app (relevant section is from 38:05):

{% embed url="<https://www.youtube.com/watch?t=2285s&v=gaFNz7UHDkI>" %}

### Instructions

If your users are creating large PDFs that take some time to create, you may wish to display a loading screen.

You can show an element directly after the 'Generate a PDF Creator' action is run. In this example, I'm using a floating group as a loading screen:

<figure><img src="https://302965189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ2Vt9Y2GXGNYGZT9VYhX%2Fuploads%2F7lcwNQUUYudy2VqLoVIF%2FScreenshot%202024-01-23%20at%2009.29.51.png?alt=media&amp;token=0cd7a3c8-efff-4b12-bda2-4b490ec5821b" alt=""><figcaption></figcaption></figure>

You can then use the 'When PDF Creator downloaded' action to hide the loading screen when the PDF has been successfully downloaded:

<figure><img src="https://302965189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ2Vt9Y2GXGNYGZT9VYhX%2Fuploads%2FT2lsDu9yDHZ4t7T5PQej%2FScreenshot%202024-01-23%20at%2009.31.10.png?alt=media&amp;token=bdf28fe5-e700-4639-8543-7b8a442ad595" alt=""><figcaption></figcaption></figure>

You can also hide the loading screen (which is FloatingGroup A in this example) using the 'When PDF Creator is saved to database' action.