Локализация CSS
Механизм интернационализации позволяет изменять стилевое оформление элементов интерфейса (контролов, контролов, html-контейнеров, статических картинок) при изменении локали веб-приложения. В этом подразделе статьи будут раскрыты особенности работы такого механизма.
Когда Вы решили локализовать ресурсы, описывающие стили, нужно учитывать ряд особенностей. Во-первых, CSS-классы, используемые для локализации, явно помечаются селектором. Во-вторых, такие классы создают в отдельных LESS-файлах.
Селектор локали для CSS-классов
Для того, чтобы механизм локализации работал успешно, необходимо для локализуемых CSS-классов явно устанавливать селектор. Он соответствует кодовому обозначению локали.
Расположение локализуемых LESS-файлов
Локализуемые CSS-классы создают в отдельных файлах. Классы таких файлов будут запакованы на Сервисе представления и подключены на локализуемую страницу.
Если CSS-класс будет использован для одного языка внутри страны, то необходимо создать LESS-файл, соответствующий следующим требованиям:
- Расположен в директории контрола в папке
resources/lang/
. - Имеет название
[язык].less
. - Для всех классов внутри файла вначале добавлен селектор с именем локали
.[язык]
.