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

タグ付きの投稿をもっと見る

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.

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

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