Localization
Localization Allows You to Define Content in Multiple Languages.
This documentation is based on the FoodCrunch use case. Please open the link below alongside this page to understand the examples.
Localization is defined on a per field basis. We call this system "partitioning", more about that here.
Referring to our FoodCrunch use case, the Description field in the
startups schema is a Localizable field. Localization is set when adding a field and cannot be modified later.
Setting a field as Localizable
Before you can add localized content, you must add the additional languages you wish to support and their fallback settings. This is configured in the Management UI.
To add languages click Settings (1) and then select Languages (2). Search (3) for the desired language, select it and click Add Language (4).
Adding localization/ language support
There are three configurable parameters for the Languages used for localization.
To modify or apply these settings, click on the Gear icon next to the respective language.
Modify language settings
- Fallback - This setting states that whenever a value for a localizable field is not available, Squidex tries to resolve the value from the master language which is the default fallback language. You can set more than one fallback language. To set a fallback, select a language from the dropdown (1) (list only includes enabled languages) and click Add Language (2).
Adding a fallback languageThe final screenshot for the Swedish language in our example looks something like below:
Set multiple fallback languagesYou can reorder these to set your priority. To reorder, use theicon and drag it up or down.
Master Language cannot have fallback languages and it cannot be Optional.
- Is Master - This is used to set if a language is the Master Language, meaning when another language has no value, it displays the content in this language. English is the Master Language by default.
- Is Optional - This means that required fields can be omitted. This is useful when you introduce a new language. You can save content with required fields even if the field value has not been entered for the Optional Language.
Remember to click Save when done.
A Master Language cannot be modified or deleted unless a different language is set as a the Master Language.
For our FoodCrunch use case, we have added the following languages along with their settings.
Name | Code | Fallback | Optional | Description |
|---|---|---|---|---|
English | en | - | N/A | Our master language. Whenever a fields is not available in a language it falls back to the master language. |
Swedish | sv | Not configured | Yes | Swedish has no fallback language configured, therefore the fallback language is always English. This is an optional language. |
Finnish | fi | sv,en | Yes | Finish has Swedish configured as a fallback language. This means that whenever a value for a localizable fields is not available Squidex tries to resolve the value from Swedish first and then from the master language (English). Finish is also marked as optional. |
Italian | it | en | Yes | Italian is a new language and has been added after the content editors have created most of the content. Therefore most content items do not have a value available. Since no fallback language is configured, English will be the fallback language. Italian is optional too. |
The final screenshot may look similar to the screenshot below.
Languages settings for FoodCrunch app.
It's easy to understand when you look at a content object from the API:
{
"id": "01",
"created": "2017-02-25T19:56:35Z",
"createdBy": "...",
"lastModified": "2017-02-25T19:56:35Z",
"lastModifiedBy": "...",
"data": {
"description": {
"en": "FoodCo aims to revolutionize the way we eat. Their innovative products focus on sustainability.",
"fi": "FoodCo pyrkii mullistamaan ruokailutottumuksiamme. Niiden innovatiiviset tuotteet keskittyvät kestävään kehitykseen.",
"it": null,
"sv": "FoodCo har som mål att revolutionera vårt sätt att äta. Deras innovativa produkter fokuserar på hållbarhet."
},
"founded": {
"iv": 2019
}
}
}
Each field value is a set of values that are associated with keys. In JavaScript this is called an
Object, other programming languages call it HashMap or Dictionary. The keys must be unique. Depending whether the field is localizable or not the API accepts different keys.- The
foundedfield is not localizable. Therefore the only allowed key isiv, which stands for "invariant". - The
descriptionfield is localizable. The allowed keys are the language codes for the languages you have configured.
The rest endpoint provides two headers that can be used to query the correct language.
You can filter the languages with the
X-Languages header. Other languages will be omitted. We do not use the Accept-Language header because we want to avoid compatibility issues. If you define a language that is not supported, this language will be ignored. For example, if you set X-Languages: en,sv,it for our example above you will only retrieve English (en) and Swedish (sv).X-Languages: en,sv,it
{
...,
"data": {
"description": {
"en": "FoodCo aims to revolutionize the way we eat. Their innovative products focus on sustainability.",
"sv": "FoodCo har som mål att revolutionera vårt sätt att äta. Deras innovativa produkter fokuserar på hållbarhet."
},
"founded": {
"iv": 2019
}
}
}
If none of the specified languages are provided, you will only retrieve the Master Language.
X-Languages: de
{
...,
"data": {
"description": {
"en": "FoodCo aims to revolutionize the way we eat. Their innovative products focus on sustainability."
},
"founded": {
"iv": 2019
}
}
}
If you add this header, fields that only have a single value will be flattened. So the example above will be transformed to:
X-Flatten: true
{
...,
"data": {
"description": {
"en": "FoodCo aims to revolutionize the way we eat. Their innovative products focus on sustainability.",
"fi": "FoodCo pyrkii mullistamaan ruokailutottumuksiamme. Niiden innovatiiviset tuotteet keskittyvät kestävään kehitykseen.",
"it": null,
"sv": "FoodCo har som mål att revolutionera vårt sätt att äta. Deras innovativa produkter fokuserar på hållbarhet."
},
"founded": 2019
}
}
}
Both headers can be combined. If you define a single language with the
X-Languages header, the localizable fields will contain only one value each and therefore the fields can be flattened as well. If you provide an unsupported language you will just get the Master Language.So, our example from above might look like this:
X-Languages: de, X-Flatten: true
{
...,
"data": {
"description": "FoodCo aims to revolutionize the way we eat. Their innovative products focus on sustainability.",
"founded": 2019
}
}
This means that you can just forward the user language and Squidex will handle the rest.
The headers above are not supported by the GraphQL endpoint, because in GraphQL the output should be defined as only the query.
If you want to complete the fallback handling in your API, you can disable the behavior above. Add the following header to all your to all your requests:
X-NoResolveLanguages=1You will then receive the raw data and some fields might not have a value for a language, for example when this language is new and nobody has entered a value yet:
X-NoResolveLanguages: 1
{
...,
"data": {
"description": {
"en": "FoodCo aims to revolutionize the way we eat. Their innovative products focus on sustainability.",
"fi": "FoodCo pyrkii mullistamaan ruokailutottumuksiamme. Niiden innovatiiviset tuotteet keskittyvät kestävään kehitykseen.",
"sv": "FoodCo har som mål att revolutionera vårt sätt att äta. Deras innovativa produkter fokuserar på hållbarhet."
},
"founded": {
"iv": 2019
}
}
}
This means that the a value is partitioned into multiple subvalues. When we implemented the localization feature we realized that it might be very helpful to extend this feature to other types of keys, for example you can:
- Define your prices for different currencies.
- Write your texts for different countries.
- Define customer groups.
So, we implemented the localization feature with the idea in mind that we might extend it in coming versions.
Last modified 5mo ago