White Screen flashes on app load

Anvil Q&A
1

So I have a form that is set to a specific resolution, but the content within the form takes up like 5% of the total space, with the rest being transparent. This form gets embedded elsewhere, so needs to be entirely transparent, for usability reasons. I have used display: none; on the #loadingSpinner but there is still a split second of white screen that appears. While I know I’m being pedantic, I’m sure I won’t be the only person ever that this will be an issue for

2

I’m not able to reproduce this behaviour.
Are you able to provide a clone link that demonstrates the issue?

3

I have just remembered that I made this thread a while ago :sweat_smile:

Here is a clone link: Anvil | Login

And here is a video demonstrating what I am talking about:

4

have you tried making it display none !important?

#loadingSpinner {
  display: none !important;
}

And if you need the body to also be transparent then you might need

body {
   background-color: transparent;
}
5

This did the trick thank you! Exactly what I needed

1 Like