Как добавить стиль в 1С: пошаговая инструкция

Стиль в 1С — это набор элементов оформления (цвета, шрифты, рамки), которые платформа применяет к элементам управляемого интерфейса: полям форм, табличным документам, надписям, кнопкам. Вместо того чтобы задавать цвет каждому элементу вручную, разработчик один раз описывает элемент стиля в конфигураторе, а затем ссылается на него из форм, условного оформления и кода. Это упрощает поддержку: при смене фирменного оформления достаточно поправить стиль в одном месте.

Работа со стилями ведётся в конфигураторе в ветке «Общие → Стили». Типовые конфигурации уже содержат готовый стиль «Основной» с десятками предопределённых элементов — цвет фона навигации, цвет текста ошибки, шрифт заголовков и т.д. Вы можете изменять существующие элементы, добавлять собственные или создавать отдельный стиль для специфических задач, например для киоска самообслуживания или мобильного клиента.

Важно понимать ограничение: механизм стилей управляет только теми свойствами, которые платформа отдаёт под его контроль. Полностью «перекрасить» интерфейс как веб-страницу нельзя — 1С намеренно ограничивает кастомизацию, чтобы прикладные решения сохраняли единообразие и работали в тонком, веб- и мобильном клиенте одинаково.

Где находятся стили и из чего они состоят

Откройте конфигуратор и в дереве конфигурации разверните ветку «Общие», затем «Стили». В типовых решениях там уже есть стиль «Основной». Двойной щелчок по нему открывает редактор, где слева перечислены элементы стиля (например, «ЦветТекстаПоля», «ШрифтКрупногоЗаголовка», «ЦветОсобогоТекста»), а справа — их значения: конкретный цвет, гарнитура, размер, начертание.

Каждый элемент стиля имеет строго определённый тип: цвет, шрифт или рамка. Нельзя присвоить элементу-цвету значение шрифта. Платформа сама контролирует состав элементов базового стиля — удалить предопределённые платформой элементы нельзя, можно только менять их значения. Свои элементы добавляются кнопкой «Добавить» в редакторе стиля.

Как добавить новый элемент стиля

Откройте нужный стиль (обычно «Основной») на редактирование. Нажмите «Добавить» и укажите имя элемента латиницей без пробелов, например «ЦветВыделеннойСтроки» или «ШрифтКрупнойЦены». Имя должно быть уникальным в пределах стиля и отражать назначение, а не конкретное значение: называть элемент «КрасныйЦвет» — плохая практика, потому что позже значение может стать зелёным.

Затем задайте значение. Для цвета доступны три варианта: абсолютный цвет из палитры, системный цвет Windows (наследуется из настроек ОС) или цвет в формате RGB/HSV. Для шрифта — конкретная гарнитура и размер либо ссылка на системный шрифт. Сохраните конфигурацию (F7) и обновите конфигурацию базы данных, если требуется, — для стилей обычно достаточно сохранения конфигурации.

1. 1
   Откройте конфигуратор и ветку «Общие → Стили → Основной»
2. 2
   Нажмите «Добавить» и задайте имя элемента, например ЦветВажнойНадписи
3. 3
   Выберите тип значения: абсолютный цвет, системный цвет или шрифт
4. 4
   Сохраните конфигурацию (F7)
5. 5
   Проверьте элемент в форме: выберите его в свойстве ЦветТекста или Шрифт

Как применить элемент стиля в форме

В редакторе формы выделите элемент (надпись, поле, группу) и найдите в палитре свойств оформительские свойства: «ЦветТекста», «ЦветФона», «Шрифт». Нажмите кнопку выбора — откроется диалог, где наряду с абсолютными цветами есть вкладка или список «Из стиля». Выберите нужный элемент стиля. В свойстве появится значение вида «Стиль: ЦветВажнойНадписи».

Для динамического оформления по условию используйте условное оформление формы: в нём цвета и шрифты тоже можно брать из стиля. Это правильный путь, когда цвет зависит от данных — например, подсветить просроченный документ цветом «ЦветОсобогоТекста» из стиля, а не жёстко заданным красным.

В программном коде элементы стиля доступны через коллекцию «БиблиотекаСтилей» или через конструкторы Цвета/Шрифта со значением из стиля. Практичнее обращаться к элементам стиля через свойства формы и условное оформление — так меньше кода и меньше риска рассинхронизации.

// Получение цвета из стиля в коде
ЦветОшибки = БиблиотекаСтилей.Основной.ЦветОсобогоТекста;
Элементы.НадписьСтатус.ЦветТекста = ЦветОшибки;

Как создать отдельный стиль и переключать стили

Если нужен полностью альтернативный вариант оформления, создайте новый стиль: правый щелчок по ветке «Стили» → «Добавить». Новый стиль автоматически получит полный набор обязательных элементов. Заполните их значениями под свою задачу — например, увеличенные шрифты для терминала или тёмная палитра для демонстрационного стенда.

Какой стиль используется в сеансе, определяется настройкой основного стиля конфигурации (свойство «ОсновнойСтиль» в корневом узле конфигурации) и может переопределяться программно при старте. Учтите: состав элементов у всех стилей конфигурации должен совпадать, иначе ссылки на элементы, отсутствующие в активном стиле, дадут значения по умолчанию.

Типичные ошибки и ограничения

Самая частая ошибка — задавать цвета напрямую в формах в обход стиля. Через полгода такие места никто не находит, и интерфейс выглядит неоднородно. Вторая ошибка — использовать «красивые» нестандартные шрифты: в веб-клиенте и на Linux они могут отсутствовать, и платформа подставит шрифт по умолчанию с другими пропорциями, из-за чего надписи перестанут помещаться.

Третья группа проблем — контрастность. Самодельные пары «цвет текста / цвет фона» часто плохо читаются у пользователей с особенностями зрения и на проекторах. Перед внедрением проверяйте читаемость на реальных мониторах и в веб-клиенте, а не только в тонком клиенте разработчика.

Как проверить результат

После сохранения конфигурации запустите сеанс в режиме предприятия и откройте форму, где применён элемент стиля. Затем измените значение элемента в стиле и перезапустите сеанс: оформление должно обновиться во всех местах, где используется ссылка на стиль. Если где-то цвет не изменился — значит, там цвет задан напрямую, и это место нужно найти и исправить.

Обязательно проверьте отображение во всех клиентах, которые используются в организации: тонкий клиент, веб-клиент в браузере, мобильный клиент. Отдельно проверьте печатные формы и отчёты на СКД — в схемах компоновки тоже есть макеты оформления, которые частично пересекаются со стилями, но настраиваются отдельно.

FAQ