web-dev-qa-db-fra.com

Comment modifier l'apparence de l'écran de connexion DHIS 2?

Je souhaite adapter l'apparence de DHIS 2 à mon organisation. Comment puis-je changer l'indicateur dans le coin supérieur gauche et mettre une notification sur l'écran de connexion de DHIS 2?

dhis2
2
lars

L'apparence peut être modifiée en allant dans Applications> Paramètres> Apparence. À partir de là, vous pouvez définir le titre de l'application, la notification, le pied de page de gauche, le pied de page de droite et le drapeau pour qu'ils apparaissent sur la page de connexion.

2
user96148

Vous pouvez trouver la réponse dans le tutoriel suivant: https://www.dhis2.org/change-appearance-of-dhis2-login-screen

Un problème courant lorsque vous mettez à jour votre installation de DHIS 2 est que les modifications personnalisées apportées à l'apparence (telles que la page de connexion) sont écrasées lors de la mise à jour de l'application. Si vous souhaitez personnaliser l'aspect de DHIS 2 avec une feuille de style en cascade (CSS), voici un exemple de méthode propre pour utiliser votre propre CSS et le maintenir à jour même si l'application DHIS 2 est mise à jour.Dans ce Par exemple, nous cacherons le drapeau et le pied de page sur la page de connexion DHIS 2 pour illustrer l’approche.

Commencez par créer un fichier mystyle.css (le nom importe peu). Notez que nous spécifions un style personnalisé pour les éléments #flagArea et #footerArea.

#flagArea
{
visibility: hidden;
position: absolute;
top: 22px;
left: 52px;
border: 1px solid #d5d5d5;
border-radius: 2px;
max-width: 105px;
margin-bottom: 5%;
}
#footerArea
{
visibility: hidden;
position: absolute;
bottom: 0;
left: 0;
padding: 10px 0 9px 0;
font-size: 13px;
border-top: 1px solid #416f9d;
color: #6b90b8;
width: 100%;
}

Nous allons ensuite envoyer la feuille de style personnalisée au serveur à l’aide d’une commande curl.

curl -d @mystyle.css "https://example.com/api/files/style" -H "Content-Type:text/css" -u username:password Be sure to use the

uRL correcte pour votre serveur, avec un nom d’utilisateur et un mot de passe autorisés. Si vous affichez la source de la page d’accueil, vous remarquerez un appel à

<link type="text/css" rel="stylesheet" href="../../api/files/style/external" /> If you look here you’ll be

capable de voir le CSS qui a été créé ci-dessus: https://example.com/api/files/style/external

Veuillez noter que lorsque vous publiez un nouveau fichier sur https://example.com/api/files/style , la version actuelle est écrasée. Vous devez donc inclure toutes vos modifications précédentes.

3
Oreste

Si vous avez besoin d'un niveau de personnalisation encore plus élevé, DHIS 2 vous permet de télécharger vos propres fichiers CSS via l'API Web. Vous pouvez inspecter la structure et les classes HTML de la page de connexion, créer votre propre feuille de style (fichier CSS) et télécharger le fichier via l'API Web. Le processus est documenté ici:

https://www.dhis2.org/doc/snapshot/en/developer/html/ch01s44.html

1
lars