Position of alert/confirm/notification

Anvil Q&A
1

The alert/confirm/notification-windows will be placed in the upper - centered area.

I can not find how to change the placement i.e. in the lower centered area.

Any ideas how to solve that?

2 Likes
2

Hi, @Aaron. I think the only way to change the position of the alert is to style it using Roles and CSS.

You can create a role (I called mine lower-alert) and pass onto your alert’s arguments, like this:

alert(content="hello", role='lower-alert')

Then, add this bit of code to your theme.css file:

.anvil-role-lower-alert {
  position: absolute;
  bottom: 10px; 
  left: 0;
  right: 0;
}

Hope that helps!

5 Likes
3

Thank you very much Patricia - that is brilliant.
Works fine with alert and confirm.
Do you have an idea how to solve it for notification as there is no role in it?
Cheers Aaron