Localization

Localization is an important concept to the SKY UX framework. Any text that is displayed in the framework should support localization.

Specify a locale

To set the locale in SKY UX, an additional JavaScript file must be included in the page. For example, on the Start a project page, the <script> section would include an additional entry for localization.

<script src="https://sky.blackbaudcdn.net/skyux/1.15.2/js/sky-bundle.min.js" integrity="sha384-w0JQsv4WaRdcH5Zf48KSFfVCDet/NTCBo1SOOOZb1C3EKtJ4HpLNKwlJzqkIsu4y" crossorigin="anonymous"></script>
<script src="https://sky.blackbaudcdn.net/skyux/1.15.2/js/locales/sky-locale-en-GB.js"></script>
<script src="index.js"></script>

Supported locales

As of November 2016, SKY UX fully supports the following locales:

  • en-AU (English — Australia)
  • en-CA (English — Canada)
  • en-GB (English — Great Britain)
  • en-US (English — United States)
  • es-ES (Spanish — Spain)
  • fr-CA (French — Canada)
  • fr-FR (French — France)
  • it-IT (Italian — Italy)
  • nl-NL (Dutch — Netherlands)

We are actively working to increase the available locales.

Use Moment.js

When you set the current locale with the technique above, you also automatically include and globally initialize the matching bbMoment module locale.