Поделиться через

Использование веб-темы microsoft Entra UX в службы федерации Active Directory (AD FS)

В настоящее время вход в формы AD FS не зеркало интерфейс входа в Azure/O365. Чтобы обеспечить более универсальный и простой интерфейс для конечных пользователей, мы выпустили следующую каскадную веб-тему таблицы стилей, которую можно применить к серверам AD FS. В настоящее время вход форм для AD FS в Windows Server 2016 выглядит следующим образом:

Current sign-in

С новой таблицей стилей взаимодействие с пользователем будет выглядеть так, как интерфейс входа в Azure и Office 365.

Скачивание таблицы стилей CSS

Вы можете скачать веб-тему из следующего расположения Github.

Включение новой веб-темы

Чтобы включить новую веб-тему, выполните следующую процедуру:

Включение новой веб-темы Microsoft Entra UX в AD FS

  1. Запуск PowerShell в качестве Администратор istrator
  2. Создайте новую веб-тему с помощью PowerShell: New-AdfsWebTheme –Name custom –StyleSheet @{path="c:\NewTheme.css"}
  3. Задайте новую тему в качестве активной темы с помощью PowerShell: Set-AdfsWebConfig -ActiveThemeName customPowerShell
  4. Проверьте вход, перейдя к https://< AD FS name.domain>/adfs/ls/idpinitiatedsignon.htm Sign-on

! [ПРИМЕЧАНИЕ] Необходимо убедиться, что idpinitiatedsignon включен. Она не включена по умолчанию. Чтобы включить idpinitiatedsignon, выполните следующую команду PowerShell: Set-AdfsProperties –EnableIdpInitiatedSignonPage $True

Изображение Рекомендации

Включение центрированного пользовательского интерфейса позволяет использовать одни и те же изображения для фона и логотипа, которые уже имеются для фирменной символики компании Microsoft Entra. Как правило, применяются те же рекомендации по размеру, соотношению и формату.

Description Ограничения Рекомендации
Логотип отображается в верхней части панели входа. Прозрачное изображение в формате JPG или PNG
Максимальная высота: 36 пикселей
Максимальная ширина: 245 пикселей		 Используйте логотип вашей организации здесь.
Используйте прозрачное изображение. Не предполагайте, что фон будет белым.
Не добавляйте отступ вокруг логотипа на изображении, так как в этом случае логотип будет выглядеть непропорционально маленьким.

Общие сведения

Description Ограничения Рекомендации
Это значение используется для отображения фона страницы входа. Изображение привязано к центру видимого пространства и всегда масштабируется или обрезается под размер окна браузера.
Это изображение не отображается на узких экранах телефонов.
При загрузке страницы к изображению применяется черная маска с прозрачностью 0,55.		 JPG или PNG
Размеры изображения: 1920 x 1080 пикселей
Размер файла: < 300 КБ
Используйте изображения, если нет строго определенной темы. В центре этого изображения отображается непрозрачная форма входа, которая может закрыть часть изображения в зависимости от размера окна браузера.
Чтобы ускорить загрузку, не выбирайте файлы большого размера.

Next Steps