> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/able-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/able-pro/angular/multi-language.md).

# Multi Language

Mantis supports four languages ('en' - English, 'fr' - French, 'ro' - Romanian, 'zh' - Chinese) and can be easily switched from the header bar. The main menu is also internationalised for all four languages. If you wish to add a language or set a default language, please continue reading below\...

## How to change it?

Data for locale files exists at `src/assets/i18n` . You can add new words to language-specific files here.

{% code title="en.json" %}

```json
{
    "dashboard": "Dashboard",
    "default": "Default",
    "analytics": "Analytics",
    ...
    ...
}
```

{% endcode %}

To change the Locale, open the file `src/app/app-config.ts` file and set language

{% code title="" %}

```typescript
export class AbleProConfig {
  ....
  ....
  static i18n = 'en'; // en, ro, fr, cn
}
```

{% endcode %}

If you change the locale JSON file, open the file `src/app/demo/shared/custom-translate-loader.ts`  file and set language.

{% code title="src/app/demo/shared/custom-translate-loader.ts" %}

```typescript
import en from './../../../assets/i18n/en.json';
import fr from './../../../assets/i18n/fr.json';
import ro from './../../../assets/i18n/ro.json';
import cn from './../../../assets/i18n/cn.json';

import { TranslateLoader } from '@ngx-translate/core';
import { of } from 'rxjs';

export class CustomTranslateLoader implements TranslateLoader {
  public getTranslation(lang: string) {
    if (lang === 'fr') {
      return of(fr);
    }
    if (lang === 'ro') {
      return of(ro);
    }
    if (lang === 'cn') {
      return of(cn);
    }
    return of(en);
  }
}
```

{% endcode %}