nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

tooltip for draw tools not showing when using Bootstrap/JQuery

AlexGole

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

Najděte více příspěvků označených jako

Accepted answers

khutchins

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.

All comments

DavidPuckett

Thank you. Just a note that you'll want to load the css that contains this fix after bootstrap. OR use !important.

LauraMiles1

I'm still getting this problem with bootstrap 3.3.4 and this worked for me. Thanks!

Anonymous User

Adding opacity: 1 to .tooltip seems to fix the conflict between bootstrap and esri .tooltip classes.

.tooltip {
  opacity: 1;
}

AlexGole

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.

TomWayson

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.

AlexGole

Thanks!

khutchins

Alex,

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Všechny komunity
Nedávné příspěvky
Sledovaný obsah
Pomoc komunity

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.