Инкоманд 7.4 получил значительное обновление внешнего вида и инструментов построения интерфейсов. Ключевые изменения: 

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

2. Архитектура конструктора: клиентские расширения дополняют OSGi-модули для кастомных UI-компонентов; административные интерфейсы изолированы от пользовательских тем; загрузка CSS оптимизирована.

3. Новые визуальные форматы: Доска и Таблица Объектов, улучшенные коллекции с фильтрацией и пагинацией, расширенные шаблоны и возможность скрытия фрагментов по типу устройства.

Совокупность этих изменений позволяет запускать корпоративные порталы с современным UX значительно быстрее и с меньшими затратами на фронтенд-разработку, что особенно актуально для российских компаний, находящихся в процессе импортозамещения таких продуктов как Microsoft SharePoint .

1. Общая концепция дизайна

Инкоманд 7.3.х

В ветке 7.3.x дизайн строился на проверенной системе фрагментов и виджетов, которая расширялась постепенно в каждом пат-релизе. Тема оформления выбиралась на уровне портала: несколько встроенных тем с возможностью кастомизации через CSS/JavaScript. При этом администраторские интерфейсы наследовали пользовательские темы, что нередко вызывало коллизии при разработке кастомных оформлений. Элементы страниц (фрагменты, виджеты) размещались перетаскиванием в редакторе Drag & Drop.

Версия 7.3.3 добавила точечные улучшения конструктора: расширены возможности структурного элемента «Сетка» (вертикальное выравнивание «Растягивание по высоте»), улучшена функциональность виджетов «Таблица динамических списков данных», «Календарь», «Ближайшие события», «Именинники» и ряда других. Версия 7.3.4 сосредоточилась на функциональных улучшениях — интеграция с MS Exchange и совместное онлайн-редактирование документов — без принципиальных изменений самого дизайна и конструктора страниц.

Ключевые параметры дизайна в 7.3.х:

• Тёмная или нейтральная тема по умолчанию
• Единые темы для администраторских и пользовательских интерфейсов
• Drag & Drop редактор страниц
• Фрагменты и виджеты как основные строительные блоки
• Кастомизация через CSS, JavaScript, собственные темы

Инкоманд 7.4

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

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

Ключевые параметры дизайна в 7.4:

• Новая светлая тема «из коробки»
• Разделение тем: администраторские интерфейсы изолированы от пользовательских
• Расширенный набор визуальных компонентов (Доска, Таблица объектов)
• Автоматический выбор оптимального размера изображений
• Уменьшенный объём CSS → ускорение загрузки страниц

2. Сравнительная таблица изменений дизайна

3. Конструктор интерфейсов: что изменилось в 7.4

3.1. Базовые возможности конструктора (общие для 7.3.х и 7.4)

Платформа сохраняет преемственность с инструментами, знакомыми пользователям ветки 7.3.x:

• Drag & Drop редактор страниц — перемещение элементов мышью
• Фрагменты и виджеты — готовые и пользовательские элементы, не требующие навыков программирования
• Шаблоны страниц и сайтов — переиспользование и централизованное обновление
• Темы и кастомный дизайн — собственные CSS-правила, JavaScript-логика
• Сегментация — разное содержимое страницы для разных групп пользователей
• Формы и опросы — с настройкой внешнего вида и логики
• Моделирование — предпросмотр страницы для различных устройств

3.2. Новые возможности конструктора в 7.4

Визуальные форматы Объектов

Центральное нововведение — появление двух принципиально новых визуальных форматов отображения данных:

• Доска объектов (канбан) — позволяет выбрать одно из полей объекта для упорядочивания колонок (типы: выпадающий список, булевый). Поддерживаются фильтрация по всей доске, поиск по любому атрибуту записи, скрытие/сворачивание/перемещение колонок.
• Таблица объектов — табличное представление записей, привычное пользователям Excel. Поддерживаются фильтрация по столбцу, сортировка по возрастанию/убыванию, группировка строк с учётом вложенности (в редакции Профи).

Улучшенные фрагменты и коллекции

Фрагмент отображения коллекции получил значительные обновления:

• Поддержка фильтрации, поиска, сортировки и пагинации
• Настройка межстолбцового интервала в сетке
• Вертикальное выравнивание элементов (по верхнему, среднему или нижнему краю)
• Новые фрагменты «Фильтр сбора данных» и «Применённые фильтры»

Управление видимостью по устройствам

В 7.4 появилась возможность настраивать отображение или скрытие фрагментов для каждого типа устройств (ПК, планшет, смартфон). В ветке 7.3.x эта возможность отсутствовала — адаптивность реализовывалась только через responsive CSS.

Шаблоны страниц отображения в библиотеках активов

Теперь можно создавать страницы отображения (display-шаблоны) не только для веб-контента, но и для документов прямо в библиотеках активов. Один и тот же документ может отображаться консистентно на разных страницах портала без дублирования вёрстки.

Расширенные freemarker-шаблоны

Если в 7.3.x freemarker-шаблоны применялись преимущественно к структурам веб-контента, то в 7.4 их можно использовать и для документов, записей блогов, категорий и других типов информации. Это открывает путь к кастомным карточкам документов, специальным представлениям медиафайлов для внутреннего брендинга, адаптивным каталогам для разных подразделений.

Поставщики связанных элементов

Добавлены новые типы поставщиков коллекций для отображения связанного контента на страницах продукта, новости или услуги:

• Связанные элементы (настраиваемые вручную)
• Категории основного элемента
• Элементы с категориями из тех же словарей
• Элементы с теми же категориями

Автоматическое масштабирование изображений

Инкоманд 7.4 автоматически подбирает оптимальный размер изображения в зависимости от ширины экрана. Автор может вручную переопределить выбор. Это работает для всех типов изображений: фоновых и добавленных через фрагменты.

Улучшенный Drag & Drop редактор

Редактор Drag & Drop в 7.4 улучшен: теперь удобнее перемещать объекты непосредственно в структуре страницы, а также изменять их иерархию и вложенность. Это нововведение значительно повысило удобство управления интерфейсом.

Клиентские расширения

Это принципиально новая архитектурная концепция, напрямую влияющая на конструктор интерфейсов. Клиентские расширения (ранее — «удалённые приложения») позволяют создавать кастомные визуальные компоненты на стандартных веб-технологиях (HTML, CSS, JavaScript) и интегрировать их в страницы портала через API — без изменения ядра платформы. В ветке 7.3.x расширения создавались через OSGi-модули, что требовало вмешательства в ядро. Слабая связанность клиентских расширений делает их более гибкими и упрощает обновления платформы.

4. Представления объектов как новый «фронтенд-слой»

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

Из одной объектной модели можно создать несколько представлений под разные роли без разработки. Например, объект «Заявка» показывается:

• менеджеру — компактным списком с фокусом на сроках
• руководителю — агрегированной таблицей с группировками по статусам
• службе контроля качества — выборкой просроченных заявок в формате канбан

Это отличает Инкоманд 7.4 от других российских платформ, где гибкость отображения данных требует полноценной кастомной разработки. Аналогичный подход реализован, в частности, в ELMA365, но в Инкоманд он встроен непосредственно в конструктор страниц и не требует отдельного лицензирования.

5. Сравнительная таблица конструктора интерфейсов