topic Re: intl fetchMessageBundle for existing widget in ArcGIS JavaScript Maps SDK Questions

intl fetchMessageBundle for existing widget

René_Ténière — Thu, 26 Aug 2021 14:38:42 GMT

I have been trying to access the message bundle for existing widgets, i.e. Legend. The instructions are clear on creating and accessing your own custom widget bundles, however, I need to access the locale specific label for an existing widget. What do I use for the BundleID for @arcgis/core/widgets/Legend as an example?

Thanks,

René

Re: intl fetchMessageBundle for existing widget

ReneRubalcava — Thu, 26 Aug 2021 14:40:49 GMT

Sorry, the locales for existing widgets are not extensible at this time.

Re: intl fetchMessageBundle for existing widget

René_Ténière — Thu, 26 Aug 2021 15:11:37 GMT

Ok, thanks René.

I was looking into it because when the widget is wrapped in an Expand, only the expandTooltip is shown on hover (title) and results to the default ("Expand" in En, and "Développer" in Fr). I was hoping to capture the label from the widget to override using expandTooltip() so that a user with a screen reader will be able to read the widget label instead.

Re: intl fetchMessageBundle for existing widget

ReneRubalcava — Thu, 26 Aug 2021 16:34:53 GMT

If that's the case, you can do something like this.

view.when(() => { bgExpand.expandTooltip = `${bgExpand.label} ${basemapGallery.label}`; });

I think this will help get you there.

https://codepen.io/odoe/pen/powJRyM?editors=1000

The widget labels will change with locales, so you can update the expandTooltip from another widget. You do need to widget.watch("label", method) or wait for view.when() to get the labels.

Re: intl fetchMessageBundle for existing widget

René_Ténière — Thu, 26 Aug 2021 16:36:36 GMT

After doing more research, a quick hack is to do the following:

import esriConfig from "@arcgis/core/config.js"; import * as intl from "@arcgis/core/intl"; export function functionName() { var lang = intl.getLocale().toLowerCase().slice(0, 2); var widgetsAssetsPath = esriConfig.assetsPath + "/esri/widgets/"; var legendT9n = `${widgetsAssetsPath}${widget.widget_id}/t9n/${widget.widget_id}_${lang}.json`; var t9n = {widgetLabel: "Layer List"}; // Default value returnConfig(legendT9n).then(t9nResults => { if(t9nResults){ t9n = t9nResults; } }).then(function (){ console.log(t9n.widgetLabel); });

Just something for now so I don't have to define the labels elsewhere...

Re: intl fetchMessageBundle for existing widget

René_Ténière — Thu, 26 Aug 2021 16:39:31 GMT

Yes, that looks good... Thanks!