side menu

Переход на обновлённый дизайн V2

С версии 2026.4 в ELMA365 можно применить новый дизайн V2, в котором внешний вид компонентов улучшен и приведён к единообразию.

Этапы перехода на дизайн V2

Чтобы вы могли адаптировать пользовательские интерфейсы к дизайну V2, предусмотрено несколько этапов его внедрения:

  • с релиза 2026.4 — дизайн V2 доступен для выбора вручную;
  • с релиза 2026.7 — дизайн V2 применится по умолчанию, но сохранится возможность включить версию V1;
  • с релиза 2026.11 — доступен только дизайн V2, который применится автоматически.  

Подготовка интерфейсов к переходу на дизайн V2

Поскольку в дизайне V2 изменены отступы, размеры и цвета компонентов, элементы пользовательских интерфейсов могут отображаться некорректно. Рекомендуем проверить конфигурацию и адаптировать её до выхода версии системы 2026.11.

Для этого:

  1. Примените дизайн V2 в тестовом режиме и проанализируйте отображение пользовательских интерфейсов.
  2. Адаптируйте компоненты, которые отображаются некорректно, к дизайну V2. При этом рекомендуем использовать:
    • редактор стилей — специализированный инструмент для настройки внешнего вида виджетов с помощью языка CSS;
    • дизайн-токены — особые переменные, которые определяют визуальный стиль системы. Их применение позволяет сохранять единообразие дизайна и брендирования на системных и пользовательских страницах.
  3. Включите дизайн V2 для всех пользователей в разделе Администрирование > Тема оформления.

Протестировать дизайн V2

Вы можете оценить, как выглядит пользовательский интерфейс в дизайне V2, используя инструменты разработчика в браузере. Для этого:

  1. Откройте компонент, например форму просмотра приложения.
  2. Перейдите к инструментам разработчика, например, в браузере Google Chrome нажмите клавишу F12.
  3. На вкладке Элементы (Elements) включите опцию .cls, которая отображает классы элементов.
  4. Отключите класс old-theme. К странице в вашем браузере применится дизайн V2.

design-update-1

  1. Визуально проверьте расположение и соразмерность элементов интерфейса, единообразие оформления и т. д. в дизайне V2.

Если пользовательский компонент отображается некорректно, адаптируйте его к дизайну V2.

Адаптировать интерфейсы к дизайну V2

Чтобы компонент правильно отображался в дизайне V2, откройте его в дизайнере интерфейсов и исправьте CSS‑стили виджетов, внешний вид которых отличается от ожидаемого. Рекомендуем использовать редактор стилей и дизайн-токены.

Обратите внимание, если вы разрабатываете решение для ELMA365 Store, с ним могут работать пользователи в компаниях с версией дизайна V1. Адаптируйте интерфейсы так, чтобы они корректно отображались в обеих версиях.

После адаптации интерфейсов можно включить дизайн V2 для всех пользователей.

branding.html security_settings.html