Warning: We no longer develop features for this version of SKY UX, and we recommend that you use the latest version instead. This site describes the AngularJS (1.x) implementation of the SKY UX framework. We still support this version, but it is in maintenance mode. For more information, see developer.blackbaud.com/skyux.

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.23.0/js/sky-bundle.min.js" integrity="sha384-faUfn5nmugjD07YQPozMvaqqyHUVZ3oC4s5WC3GQ7+CXiSC8C0JkxGPh8AtRGTwE" crossorigin="anonymous"></script>
<script src="https://sky.blackbaudcdn.net/skyux/1.23.0/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.