Skip to content
On this page

Directus Cloud

Everything you need to start building. Provisioned in 90 seconds. Starting at $15/month.

Get Started

Translation Strings

Translation Strings are multilingual key-value pairs that you can use throughout the app. They enable you to translate things like dropdown options, placeholder text, field notes, and more.

Create a Translation String

To create a Translation String, follow these steps.

  1. Navigate to Settings > Translation Strings.
  2. Click add in the page header and a drawer will open.
  3. Add a key and click "Create New" and another drawer will open.
  4. Select the language and type in the corresponding translation.
  5. Click check to confirm and add the translation.
  6. Repeat steps 3-5 as desired.
  7. Optional: Click close to delete a translation.
  8. Click check to confirm and save the Translation Strings.

Use a Translation String

Throughout the Settings Module, you will notice certain input fields have a translate icon on them. While can always type static text into these input fields, this translate icon indicates that you have the option assign a Translation String. To assign a Translation String, follow these steps.

  1. Navigate to the input that you'd like to add a Translation String to.
  2. There are two ways to assign a Translation String:
    • Click translate and a dropdown menu with all Translation Strings will appear.
    • Type $t:translation-string-key and hit enter.
  3. Choose a Translation String key as desired.
  4. Optional: Click to remove the Translation String.
  5. Click check to confirm.

Your Translation String is set! Now the language-appropriate text will be shown based on the current language of the app. There are two ways to change the app language. First, administrators can set the Project's default language. Second, Users can choose their own personal language preference. Also note that if a language is chosen for which there is no Translation String, the translation key (from step three) will be displayed instead.

add New Translation String

You can also click add New Translation String in the translate dropdown menu to create a new Translation String on the fly.