Issue with Localization in Constellation DX Components – Localized Text Not Rendering on Screen

User Experience
1

We are currently facing an issue with localizing DX Components.

Following the steps mentioned in the localization article, we created a localizations.json file under:

src/components/Novitates_Extensions_Localization

For a Text Input component, the file content is as follows:

{
“fields”: {
“TextInput Sample”: “My Test Text Input”,
“TextInput Helper Text”: “This is a helper text for the text input”
}
}

Steps taken so far:

  1. Created the localizations.json file in the DX component folder.
  2. Published the DX component.
  3. Configured the component in the view rule.
  4. Verified that the text is visible in the localization rule in Pega.

Issue:
Even though the localized text is visible in the localization rule, it is not rendering on the screen when the component is used.

Attached is a document with the steps to reproduce the issue.

Could you please advise if we are missing any additional configuration, or if there is a specific way DX components pick up localized text at runtime?

Localization reference article: Pegasystems Documentation

Localization in DX Component.docx (1.24 MB)

2

@SatyasrilakshmiC

can you check in the run time, if ConfrimorderCreation.json is getting loaded. if no, can you do a application definition save.

if yes, can you please confirm if you are using getLocalizedValue on the static text in your component code

Example :
pConn.getLocalizedValue(“TextInput Sample”)

you can get the pConn from the props of the component.