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; } } }

Is it possible to override the new Home button's popup text?

StephenLead

The new Home button automatically inserts a div into the page with these values:

 <div class="homeContainer">   <div class="home" data-dojo-attach-event="ondijitclick:home" role="button" title="Default extent" data-dojo-attach-point="_homeNode">     <span>Home</span>   </div> </div>

Is it possible to modify the title text ("Default extent")? If not, could we have this added as a parameter during construction?

Thanks,
Steve

Vind meer berichten getagd met

Accepted answers

derekswingley1

You can change the home button's alt text the same way you change text or a label for any other widget in the API: use dojo/i18n ot load and get a reference to the API's collection of text strings and change widgets.homeButton.home property to be whatever you like. Here's code to do this:

require([   "esri/map",    "esri/dijit/HomeButton",   "dojo/i18n!esri/nls/jsapi",   "dojo/domReady!" ], function(   Map, HomeButton, esriBundle )  {   esriBundle.widgets.homeButton.home.title = "Custom home button text.";    var map = new Map("map", {     center: [-56.049, 38.485],     zoom: 3,     basemap: "streets"   });            var home = new HomeButton({     map: map   }, "HomeButton");   home.startup();  });

I don't think we currently have this in our docs and we'll get it added.

All comments

JasonZou

This should work.

var djtHomeButton = new HomeButton({
    map: map
}, "HomeButton");
djtHomeButton._homeNode.title = "This is the new title";
djtHomeButton.startup();

StephenLead

Thanks. Hopefully Esri will add an official parameter to the API sometime.

derekswingley1

require([   "esri/map",    "esri/dijit/HomeButton",   "dojo/i18n!esri/nls/jsapi",   "dojo/domReady!" ], function(   Map, HomeButton, esriBundle )  {   esriBundle.widgets.homeButton.home.title = "Custom home button text.";    var map = new Map("map", {     center: [-56.049, 38.485],     zoom: 3,     basemap: "streets"   });            var home = new HomeButton({     map: map   }, "HomeButton");   home.startup();  });

I don't think we currently have this in our docs and we'll get it added.

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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