Set alert custom width/size (increase/decrease)

Anvil Q&A
1

Continuing the discussion from Increase Alert Size:

In old topic the only way to set the alert wider, was to set it for all large alerts.

It is possible to set it wider without changing all standard alert settings. It has changed for sure, since the the previous topic was answered.

Just to avoid the confusion of other new members, you can set the widht, by just applying a role with width property to it:

  1. Add to theme file a CSS role (example for small 20 view width alert):
.anvil-role-wide-alert-20vw {
      width: 20vw;
  }
  1. apply it in the code:
alert(CustomFormAlert(var1, var2), buttons=[],role='wide-alert-20vw', large=True)

It just override this line: and don’t force you to apply it for every single alert.

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

Did you mean “override”? I suspect that a thing or two might break if those lines were overwritten.

1 Like