Multilingual Properties

Some properties allow you to set language-specific values for English or Japanese in addition to the default value, depending on the browser language.
You can configure these by clicking the [+] icon at the bottom right of the setting item in the property dialog.
This feature was added in v4.1.0.

Properties That Support Multilingual Settings via Actions

The following properties allow you to set values for English or Japanese from actions as well.

Property Name	Action Property [Default]	Action Property [English]	Action Property [Japanese]
Label	label	labelLanguages.en	labelLanguages.ja

Note

• For multilingual properties not listed in the table above, multilingual settings via actions are not supported.
  They can only be configured from the property dialog.
• In the application, the behavior is as follows:
  • When the browser language is English, the value of $ui.{componentID}.{propertyName}Languages.en is referenced first. If it is null, the value of $ui.{componentID}.{propertyName} is referenced.
  • When the browser language is Japanese, the value of $ui.{componentID}.{propertyName}Languages.ja is referenced first. If it is null, the value of $ui.{componentID}.{propertyName} is referenced.

Setting via the Property Dialog

You can set language-specific values for English or Japanese from the property dialog using the following steps:

1. Click the [+] button at the bottom right of a property item that supports multilingual settings.
2. Select [English] or [日本語].
3. An input field for the selected language will appear. Enter the value in that field.
4. Click [Apply].

Getting and Setting via Actions

When getting or setting multilingual property values in actions, use the following syntax:

Getting values in actions

Syntax	Result
const x = $ui.{componentID}.{propertyName}	The value currently displayed on the screen is stored in x.
const y = $ui.{componentID}.{propertyName}Languages.en	The property value set for English is stored in y.
const z = $ui.{componentID}.{propertyName}Languages.ja	The property value set for Japanese is stored in z.

Example:

const x = $ui.text_field.label;
const y = $ui.text_field.labelLanguages.en;
const z = $ui.text_field.labelLanguages.ja;

Setting values in actions

Syntax	Result
$ui.{componentID}.{propertyName} = 'xxx'	’xxx’ is set as the default property value.
$ui.{componentID}.{propertyName}Languages.en = 'yyy'	’yyy’ is set as the English property value.
$ui.{componentID}.{propertyName}Languages.ja = 'zzz'	’zzz’ is set as the Japanese property value.

Example:

$ui.text_field.label = 'xxx';
$ui.text_field.labelLanguages.en = 'yyy';
$ui.text_field.labelLanguages.ja = 'zzz';