279
Views
8
Comments
[Multilingual Component] Native calendar (months names) not being translated
Question
multilingual-mobile-component
Reactive icon
Forge asset by OutSystems

Hello,
First of all, I don't know if this issue is directly related to the plugin or cordova configs, but I will report here in the hope of having some help.

I have a mobile app that is using this plugin in order to be available for 4 different languages and everything is working correctly, except for a frustrating situation that I can't find a way to solve and I explain:

  • I have an iOS device with the language and region configured for Portuguese (Portugal).
  • The User of my app has the account set to French and all content appears correctly in French.
  • When the user clicks on a "date" input it opens the native calendar but the month names appear in English
  • If I access the App via a browser and click on the same input, the month names appear in Portuguese, the device's language.

This problem only happens on iOS and I also tested with the "Multilingual To Do" app and got the same results.

What property can iOS inputs be looking at to define the language that appears in the Calendar? And how can that property overwrite the language of the device itself?


All help is welcome!


Thank you all

2021-04-09 11-42-43
assif_tiger
 
MVP

Hi Daniel,

Yes, the question is directly not related to the plugin itself, but you did a god approach via posting it to the relevant channel.
Coming to the Native Calendar... it is no way related to the plugin or the language of your app.

While exploring the same I found this:
- If the calendar Outsystems mobile uses is Pikaday.. Like they mention for Web cleary than you can try setting up some AdvacneFormats for the same.

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Mobile_and_Reactive_Patterns/Date_Picker

- https://github.com/Pikaday/Pikaday

- https://stackoverflow.com/questions/51756403/pikaday-i18n-still-showing-names-of-the-days-and-months-in-english
- https://www.outsystems.com/forums/discussion/36932/calendar-set-to-local-language/

I am not sure whether Pikaday is used with Mobile .. but confirmed that OS used pikaDay for web as well & the StackOverflow post will guide you to how setup it via AdvanceFormat for the diff language.

Hope it helps,
Assif


UserImage.jpg
rodrigo catarino

Hi Daniel,

I am having the same problem, did you found a solution for this?


Thanks.


UserImage.jpg
rodrigo catarino

Just to let you know that I managed to have the native calendar in portuguese in ios!. You need to edit the config file and add the localization string.


2021-02-11 16-27-42
Swapnil

Hi Rodrigo,

Glad to know you managed to translate the calender. Just to let you know the said component will be removed from forge next year. You can move to the new way  if not done already its quite easy and mentioned in below links

https://success.outsystems.com/Documentation/How-to_Guides/Front-End/How_to_reuse_translations_from_Multilingual_Forge_component_in_Service_Studio

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Technical_Preview_-_Multilingual_Reactive_Web_and_Mobile_Apps


Cheers,

Swapnil

2025-04-14 15-34-05
Daniel Sintrao

Hi Rodrigo,
Can you share more info on that fix? What file is that?

Thanks!

2025-04-14 15-34-05
Daniel Sintrao

Thanks for that feedback!
I will take a look at that and start to prepare things to migrate all the translations next year!
Are there any performance advantages of using the new tool?

UserImage.jpg
rodrigo catarino

Hi Daniel,

The issue is not related to the component itselft (I was misled by your initial post) but with cordova plugins. You need to edit the Plist and add the setting for CFBundleLocalizations in pt

this is how i use it:

<config-file target="*-Info.plist" platform="ios" parent="CFBundleLocalizations" overwrite="true">

  <array>

 <string>pt</string>

 </array>

</config-file>


Rodrigo

2021-02-11 16-27-42
Swapnil


Hi Daniel,

its a feature with outsystems now, you dont need any forge component/ corodova plugin to achieve the multilingual support. so the performance will definitely be improved. please refer the links mentioned in my earlier comment ut has detailed steps to remove the forge component and include the new one.


Regards,

Swapnil



Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.