Getting Bootstrap Modals to work in Anvil?

Anvil Q&A
2

Actually the Bootstrap modal attributes are working. i.e it does open/close - it was just invisible.

Resolved the issue when I surfaced the Bootstrap v3.4.1 which Anvil is using by default. There is a CSS .fade class that is being applied to the modal element as follows…

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

Changing it to

.fade {
  opacity: 1;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

made the modal visible.