web-dev-qa-db-ja.com

DHIS 2ログイン画面の外観を変更するにはどうすればよいですか？

DHIS 2の外観を自分の組織に合わせたい。左上隅のフラグを変更して、DHIS 2のログイン画面に通知を表示するにはどうすればよいですか？

dhis2
2
lars

外観は、[アプリ]> [設定]> [外観]に移動して変更できます。ここから、アプリケーションのタイトル、通知、左側のフッター、右側のフッター、およびフラグをログインページに表示するように設定できます。

2
user96148

次のチュートリアルで答えを見つけることができます。 https://www.dhis2.org/change-appearance-of-dhis2-login-screen

DHIS 2のインストールを更新したときの一般的な課題は、アプリケーションの更新時に外観（ログインページなど）のカスタム変更が上書きされることです。カスケードスタイルシート（CSS）を使用してDHIS 2の外観をカスタマイズする場合、独自のCSSを使用し、DHIS 2アプリケーションが更新された場合でも最新の状態に保つためのクリーンな方法の例を次に示します。例では、アプローチを説明するために、DHIS 2ログインページのフラグとフッターを非表示にします。

ファイルを作成することから始めますmystyle.css（名前は関係ありません）。 #flagArea要素と#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%;
}

次に、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、および承認されたユーザー名とパスワード。ホームページのソースを表示すると、への呼び出しに気付くでしょう

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

上記で作成されたCSSを見ることができます： https://example.com/api/files/style/external

新しいファイルを https://example.com/api/files/style に投稿すると、現在のバージョンが上書きされるため、以前の変更をすべて含める必要があることに注意してください。

3
Oreste

さらに高いレベルのカスタマイズが必要な場合、DHIS 2ではWeb APIを介して独自のCSSファイルをアップロードできます。ログインページのHTML構造とクラスを調べ、独自のスタイルシート（CSSファイル）を作成し、Web APIを介してファイルをアップロードできます。プロセスはここに文書化されています：

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

1
lars