Make Loader Element Cover Entire Screen

I am using the Loader element and I would like it to cover the entire screen when the app is fetching data, for example. I figured out the workflow to hide/show the element, but I can’t seem to figure how to get it to cover the entire screen. It is a flexbox that I currently have at the bottom of the page. I have set the width: 100%, height: 100vh and z axis property: 100. Not sure what I’m missing.

1 Like

Not sure if this is the best solution, but you could use a modal for this. Style it how you want, and bind the display of the modal to a variable that you call in your workflow to true/false when its updating. You could even set a simple backdrop for this in the specifics panel of element.

Modals are in the templates area.

3 Likes

I wanted to answer, but @kevinwasie was too fast :open_mouth:

I would indeed use a modal and remove the close button.

1 Like

Good ideas. Thanks for the quick replies.