Increase Alert Size

Anvil Q&A
1

Hi There!

I have quite a simple problem, on which I’d appreciate some help.

Is there a way to increase the size of the large alert to say 90 vw or something like that?

image
image1920×443 25.7 KB

I already searched in the theme.css but my css skills are basic at best so no luck there.

Thanks for the help,

Cheers Mark

2

You can add the parameter large=True

https://anvil.works/docs/client/python/alerts-and-notifications#custom-popup-styles

Is that wide enough?

1 Like
3

Hi @stucork,

I already did that but “large” is only about half the screen size.

image
image1930×945 51.7 KB

Is there a way to increase that?

1 Like
4

if you don’t mind applying this change to all large alerts then target this bit of css

@media (min-width: 992px) {
  .modal-lg {
      width: 900px;
  }
}

adjust the width as you need - above is the default that anvil uses for large alerts.

something like

@media (min-width: 768px) {
  .modal-lg {
      width: 90vw;
  }
}

edit - forgot the braces

4 Likes
5

Hmm this seems to be exactley what i need!

However I can’t find the snippet in my theme file.
And adding it did not change the alert size.

What am I missing?

1 Like
6

forgot the curly braces - edited solution above

7

Saved my Sunday @stucork!

Thanks a lot, it works like a charm:

image
image1906×492 27.7 KB

Greetings,
Mark

2 Likes
8

Hi I cannot find snippet of code this in my Theme.css - am I looking the the right place please. I am trying to increase the width of the alert.

Thanks

Sorry I have realised that need to add it to the Theme.css and it works

2 Likes