ユーザインターフェースのテーマをカスタマイズ

概要¶

画面のカラーバリエーションを変更できます。全体で共通のテーマを設定でき、さらにユーザは自分自身の画面に適用されるテーマを変更できます。

第2世代のテーマでは、カラーバリエーションが追加すると共に、ナビゲーションメニューをはじめ、第1世代と比較して全体的に使いやすさが向上しました。

レイアウトの種類¶

ナビゲ―ションメニューの位置によって、2種類のレイアウトがあります。

第2世代ユーザインターフェースのレイアウト¶

ナビゲーションメニューが画面左側に表示されるレイアウトです。

カスタムナビゲーションメニューによる追加メニュー¶

2世代ユーザインターフェースは、「NavigationMenu.json」により子メニューを最大3階層まで追加設定できます。

第1世代ユーザインターフェースのレイアウト¶

ナビゲーションメニューが画面右上に表示されるレイアウトです。

選択可能な値はjQuery UIのテーマ名です。

ライトテーマ¶

ダークテーマ¶

操作手順¶

ユーザが自分自身の画面のテーマを変更する¶

1. 「ナビゲーションメニュー」の「ユーザ」－「プロファイル編集」をクリックします。
2. 「テーマ」を選択します。
3. 画面下部の「更新」ボタンをクリックします。

その他のテーマ設定項目¶

プロファイル編集以外に、次の項目でテーマを設定できます。

• User.jsonの「Theme」の既定値である「cerulean」は、第2世代ユーザインターフェースに所属するテーマです。

子メニューの追加¶

• 第2世代ユーザインターフェースのテーマは、NavigationMenus.jsonまたは拡張ナビゲーションメニューにより、子メニューを最大3階層まで追加できます。

旧世代テーマの適用¶

既定以外の旧世代ユーザインターフェースのテーマを適用できます。前述のその他のテーマ設定項目を参考に「ユーザ管理機能」、「テナント管理機能」またはUser.jsonの設定を修正し、旧世代のテーマが適用されるように項目値を選択してください。

制限事項¶

1. 最新のOSおよびブラウザのご利用を推奨します。一部の古いOSおよびブラウザでは、正常に動作しない場合があります。
2. 第2世代ユーザインターフェースのテーマは、「NavigationMenu.json」または拡張ナビゲーションメニューによるIconの指定には対応していません。

対応バージョン¶

関連情報¶

• jQuery UI
• User.json
• NavigationMenus.json
• 拡張ナビゲーションメニュー