Чтобы приблизить стиль "Первой Формы" к корпоративному стилю вашей компании, вы можете изменить логотип и цвет верхнего меню в настройках интерфейса. С возможностями для более масштабных изменений вы можете ознакомиться в разделе Брендирование и темизация.
Логотип в интерфейсе
В качестве логотипа в верхнем левом углу используется изображение, указанное в Общих настройках приложения. Если и он не указан, то отображается логотип "Первой Формы".
Для интерфейса SPA
Путь к изображению указывается в параметрах Путь к логотипу (SPA) горизонтальная панель и Путь к логотипу (SPA) вертикальная панель.
Если не задан параметр Путь к логотипу (SPA) вертикальная панель, то отображается логотип, указанный в параметре Путь к логотипу (SPA) горизонтальная панель. Если и он не указан, то отображается логотип "Первой Формы".
Для темной темы применяются настройки Путь к логотипу (SPA) горизонтальная панель, темная тема и Путь к логотипу (SPA) вертикальная панель, темная тема.
В качестве значения в настройках указывается путь относительно сервера (например, /img/logo.svg). Значение обязательно должно быть указано с косой чертой в начале, либо логотип должен находиться в wwwroot/conference/img (NETCore). Предпочтительный формат логотипа — svg. Если значение не задано, будет отображаться стандартный логотип "Первой Формы".
Размеры логотипа задаются параметрами Ширина логотипа (SPA) горизонтальная панель, Высота логотипа (SPA) горизонтальная панель, Ширина логотипа (SPA) вертикальная панель, Высота логотипа (SPA) вертикальная панель. Если размер не указан, то используются размеры по умолчанию 239*57px.
Также можно задать название системы в параметре Лейбл в навигационной панели, если параметр не задан, отображается "Первая Форма". Название может быть локализовано.
Логотип и лейбл в интерфейсе системы
Настройки логотипа хранятся в пользовательском ключе BrandSettings. Данный ключ не предполагает редактирование.
Для прежнего интерфейса
Путь к изображению указывается в параметре Путь к логотипу и Путь к логотипу (SPA).
Для определения цвета верхнего меню используется изображение topMenuGradient.png в папке /img/topMenu. Изображение имеет размеры 239*58px и повторяется по горизонтали.
Логотип на странице авторизации
На странице авторизации логотип загружается из файла, загруженного в параметре Логотип на странице авторизации. Для логотипов рекомендуется использовать изображения в формате PNG с прозрачным фоном. Не рекомендуется использовать логотипы в формате svg.
Логотип на странице авторизации
Фон на странице авторизации
На странице авторизации фоновое изображение загружается из файла, указанного в параметре Путь к фону на странице авторизации. Фон един для светлой и темной темы. Предпочтительный размер изображения — 2000х3000px. Предпочтительный формат изображения — svg. Допустимо использование изображений формата png с прозрачным фоном.
Замена фонового изображения экрана авторизации и логотипа на Linux
1. Подготовка изображений
Загрузите необходимые изображения (логотипы, фон и т.д.) на веб-сервер. Рекомендуется использовать отдельную директорию, например: /opt/1forma/images
2. Настройка docker-compose.yml
Откройте файл docker-compose.yml и в разделе volumes добавьте маппинг директории с изображениями в контейнер: "/opt/1forma/images:/app/spa/assets/images:ro"
Параметр :ro означает, что директория будет доступна контейнеру только для чтения.
3. Перезапуск приложения
После внесения изменений перезапустите приложение:
cd /opt/1forma
docker compose down
docker compose up -d
4. Настройка путей в приложении
В интерфейсе "Первой Формы" перейдите в раздел Кастомные настройки приложения и отредактируйте ключ BrandSettings.
Укажите абсолютные или относительные пути до изображений.
Примеры:
Для большинства элементов: "spa/assets/images/logo.png"
Для логотипа на странице авторизации путь указывается без spa: "assets/images/logo.png"
Убедитесь, что имена файлов и расширения полностью совпадают с теми, что находятся на сервере.
5. Проверка изменений
Проверяйте отображение логотипов и фона: в режиме инкогнито браузера или после очистки кеша. Это необходимо, так как браузер может кешировать старые изображения.
Аватары пользователей
Для всей площадки можно установить единый цвет для всех буквенных аватаров пользователей на всей площадке. Не распространяется на аватары чатов и задач. Сделать это можно в опции Цвет аватаров общих настроек приложения.
Стиль базовых кнопок
Для всей площадки можно установить стили главной и второстепенной кнопки. Сделать это можно в опции Стиль базовых кнопок общих настроек приложения.
Стиль базовых кнопок
Стили будут применены в карточке создания новой задачи для кнопок Создать, Создать копии и Отмена, где Отмена имеет стиль второстепенной кнопки.
В карточке задачи кнопки используются в модальных окнах: при переносе, дублировании задачи, смене заказчика или исполнителя, изменении срока и повторения, а также в окнах предупреждений, ошибок и проверок (где кнопка Ок является основной, а Отмена — второстепенной).
Настройка распространяется и на режим администрирования, в котором для действий Сохранить и Отмена также используются стилизованные кнопки
Полезные ссылки
