Select to view content in your preferred language

JQuery Basemaps title not showing. How can I fix that.

997
4
Jump to solution
09-03-2014 01:42 PM
AlexGole
Occasional Contributor II

Hi all,

I am trying to get my basemaps titles to show in JQuery. I am really not sure why It is not currently showing.

Here is my script.

Any ideas are welcome!

Thank you,

Alex

0 Kudos
1 Solution

Accepted Solutions
KellyHutchins
Esri Frequent Contributor

Looks like the bootstrapmap.css file has a rule that turns off the label display. If you comment out this rule the labels will display for the base map gallery.

LIne 234 of bootstrapmap.css

.esriBasemapGalleryLabelContainer{

     display:none;

}

View solution in original post

0 Kudos
4 Replies
KellyHutchins
Esri Frequent Contributor

Looks like the bootstrapmap.css file has a rule that turns off the label display. If you comment out this rule the labels will display for the base map gallery.

LIne 234 of bootstrapmap.css

.esriBasemapGalleryLabelContainer{

     display:none;

}

0 Kudos
AlexGole
Occasional Contributor II

I got rid of this css line but did not get any labels.

0 Kudos
KellyHutchins
Esri Frequent Contributor

It looks like your app is referencing the bootstrapmap.css file on esri.github. If you don't have access to this file you can make a local copy, make the update then update the link in map-widget.html to point to your local copy.

http://esri.github.io/bootstrap-map-js/src/css/bootstrapmap.css

Alternatively you can add this rule to the style section of map-widget.html:

.esriBasemapGalleryLabelContainer{
     display:block;
      color: #fff;
}
0 Kudos
AlexGole
Occasional Contributor II

Got it! Thank you!

0 Kudos