What I’m trying to do: I want to call alert when user clicks on a marker on a google map. This works well when the map is on a normal Anvil form. However the alert popup doesn’t work when the map is inserted into a custom html form. The custom html form is a normal bootstraap form.
What I’ve tried and what’s not working:
Code Sample:
# code snippet
Clone link:
share a copy of your app
Hi @edmondssesay
Please can you share a clone link to an example app where this isn’t working? Then we can investigate.
Thanks!
Here is a link.
The issue is on the homePage form…while I get the desired pop up behavior on the ScreenLocationMap form.
Thanks!
Hi @edmondssesay
The issue is that you have added a large number of CSS rules to your app (in styles.css
), and one of these rules hides alerts!
.fade:not(.show) {
opacity: 0;
}
It looks like you’re trying to include styles from a version of bootstrap incompatible with the version that Anvil uses. It may be enough to remove that rule, but it might be better to just include the specific classes you need!
I hope that helps 
2 Likes
Thanks so much @daviesian !
1 Like