Thèmes web personnalisés dans AD FS

Le thème fourni avec le produit s'appelle « default ». Vous pouvez exporter le thème par défaut de manière à démarrer rapidement. Vous pouvez personnaliser l'apparence et le comportement, notamment la disposition par le biais du fichier .css, importer et appliquer ce nouveau thème, puis utiliser l'apparence et le comportement personnalisés. L'utilisation du fichier .css facilite par ailleurs la collaboration avec vos concepteurs web.

L'applet de commande suivante crée un thème web personnalisé, qui duplique le thème web par défaut.

New-AdfsWebTheme –Name custom –SourceName default

Vous pouvez modifier le fichier .css, puis utiliser ce dernier pour configurer le nouveau thème web. Pour exporter un thème web, utilisez l'applet de commande suivante.

Export-AdfsWebTheme –Name default –DirectoryPath c:\theme

Pour appliquer le fichier .css au nouveau thème, utilisez l'applet de commande suivante.

Set-AdfsWebTheme –TargetName custom –StyleSheet @{path="c:\NewTheme.css"}

L'applet de commande suivante crée un thème web personnalisé à partir d'une nouvelle feuille de style.

New-AdfsWebTheme –Name custom –StyleSheet @{path="c:\NewTheme.css"} –RTLStyleSheetPath c:\NewRtlTheme.css

Pour appliquer le thème web personnalisé à AD FS, utilisez l’applet de commande suivante.

Set-AdfsWebConfig -ActiveThemeName custom

Pour ajouter JavaScript à AD FS, utilisez l’applet de commande suivante.

Set-AdfsWebTheme -TargetName custom -AdditionalFileResource @{Uri=' /adfs/portal/script/onload.js';path="D:\inetpub\adfsassets\script\onload.js"}

Références supplémentaires

Personnalisation de la connexion utilisateur AD FS