topic Re: Override widget texts in ArcGIS JavaScript Maps SDK Questions

Override widget texts

BhavinSanghani — Wed, 26 Apr 2023 16:52:11 GMT

Is there any way to override widget strings in 4.x?

There used to be a way to override in 3.x https://developers.arcgis.com/javascript/3/jshelp/inside_bundle.html.

However, I don't find equivalent way in 4.x. I understand I can modify the locale to display the translated text but I can't really override it. e.g. Search widget icon displays tooltip "Search" and if I want to override it to "Search Address". Is it possible to override default widget texts?

Re: Override widget texts

Justin_Greco — Mon, 01 May 2023 13:01:26 GMT

I'm not aware of a way to do override it using a method similar to the 3.x API, but the tooltip on the search button is controlled by the title attribute, so you could do a querySelector for the .esri-search__submit-button class and change the title attribute.

searchWidget.when(() => { setTimeout(() => { searchWidget.container.querySelector('.esri-search__submit-button')?.setAttribute('title', 'Search address'); }, 500); });

Re: Override widget texts

BhavinSanghani — Mon, 01 May 2023 14:07:23 GMT

@Justin_Greco Thanks for replying about it. I thought of overriding by using dom query. I preferred overriding 3.x way so no need to worry about change in the selector class name as well as avoiding extra call. I am not sure why ESRI team has not supported overriding of the texts with 4.x.