topic Re: how to add i18n localization support for custom widget in ArcGIS Experience builder in ArcGIS Experience Builder Questions

how to add i18n localization support for custom widget in ArcGIS Experience builder

UbaidGul_opaz — Thu, 07 Dec 2023 06:19:17 GMT

For a custom widget I want to show different labels and title of different layout items and widget label in different languages. I want my widget to be bilingual. I want all messages or labels to be shown according to the locale suppose locale is Arabic or English ar or en.

Re: how to add i18n localization support for custom widget in ArcGIS Experience builder

ShengdiZhang — Thu, 07 Dec 2023 06:55:25 GMT

Hi @UbaidGul_opaz ,

Hope you find this document helpful https://developers.arcgis.com/experience-builder/guide/extend-base-widget/#i18n-support

Regards,

Shengdi

Re: how to add i18n localization support for custom widget in ArcGIS Experience builder

UbaidGul_opaz — Thu, 07 Dec 2023 08:41:58 GMT

Thanks I already checked this documentation. What is not working with me is widget label is still in English and when you hover on the widget icon which inside widget controller its showing same English label also on the window of the widget.

Re: how to add i18n localization support for custom widget in ArcGIS Experience builder

Ashok — Thu, 07 Dec 2023 09:42:00 GMT

Hi @UbaidGul_opaz ,

Firstly, all your custom widget labels should read from translations folder. For example like follows

this.props.intl.formatMessage({id: 'str1', defaultMessage: defaultMessages.str1})

Secondly, you need to mention locale at the end of the url of your application. Then it will show you corresponding language labels.. You need to access your app something like follows.

https://localhost:3001/experience/1/?locale=ar

https://localhost:3001/experience/1/?locale=zh-cn

Thanks,

Ashok

Re: how to add i18n localization support for custom widget in ArcGIS Experience builder

UbaidGul_opaz — Thu, 14 Dec 2023 08:44:00 GMT

I am able to use the code you referring the problem I have is widget label not changing according to locale I have attached a picture which shows the widget header which is not changing as locale changes to Arabic.