Hi all,
I am using bootstrap and JQuery for my app and I am trying to display draw's tools by default tooltip "start drawing by double clicking". It seems like it is not working. This web app uses bootstrap and it is not showing either. 1. Is iit because of bootstrap? 2. Is there a way to show it using bootstrap?
Thank you,
Alex
Alex,
It looks like the .tooltip styles in the bootstrap.min.css stylesheet are conflicting with the Esri drawing tooltips. If I create a local copy of bootstrap.min.css and comment out all the classes for tooltip the draw tooltips display fine.
Thank you. Just a note that you'll want to load the css that contains this fix after bootstrap. OR use !important.
I'm still getting this problem with bootstrap 3.3.4 and this worked for me. Thanks!
Adding opacity: 1 to .tooltip seems to fix the conflict between bootstrap and esri .tooltip classes.
.tooltip { opacity: 1; }
Yes I have but as you can see on the following sample: Graphics .There still is an issue with the popup "Click to start drawing". It does not show when starting drawing (as it would in a dojo app). So I removed all CSS tooltip and that worked fine. Thankfully I dont need to use Bootstrap tooltip for my app.
Alex, have you tried using (at least the .css from) Esri/bootstrap-map-js · GitHub
Part of what it does is to try and eliminate CSS collisions between the two libraries.
Thanks!
Signed in members can post, follow updates, and more. New here? Register a free account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
