Change the size and location of notification

Queries and Resources
1

Is there a way to change the size and location of a notification pop-up? The notification is relatively inconspicuous in the top right corner. On certain error conditions, I'd like it to be large and front-and-center.

I could use a modal for this, but it'd be nice if this were doable with notifications.

Thanks,
Bryce

1 Like
2

This can be done with a bit of CSS.
image
Once there you need to adjust CSS for notification class to your liking. As an example I've attached some changes I've made and end result of it.

image
image1524×581 71 KB

3

Thanks! I don't anticipate this being a need of mine, but just wondering: what if you wanted an error notification to be super prominent, but an info one to be less so?

4

Success notifications and warning have a different class names, so it would be possible to create a different CSS for each one.

1 Like