ログインユーザーの背景色でスタイルシートを動的に変更する

2018-02-07

イントラマートのログインユーザーでスタイルシートを動的に変更する方法です。

イントラマートとは
株式会社NTTデータイントラマート社が開発・販売している、Webアプリケーションシステムのシステム共通基盤(統合型フレームワーク)で、国内の著名企業を中心に6,000社以上に導入されています。 イントラマートを導入することにより、Webシステム開発における短納期・低コスト・標準化推進・品質向上を実現できます。
詳しくはこちらをご覧ください。

ログインユーザーでスタイルシートを動的に変更

イントラマートのincludeタグを使用して各ログインユーザーでスタイルシートを動的に変更します。

1.ファンクションコンテナ(myColor.js)

ファンクションコンテナでログインユーザーのカラーパタンを取得します。
取得にはModule.client.get()を利用します。

2.動的に変更するプレゼンテーションページ

myColor.htmlは以下のようにログインユーザーのカラーパタンで読み込むスタイルシートを切り分けします。

3.動的変更を行うためのスタイルシート

スタイルシート(CSS)はファンクションコンテナのmyColor_XXXX.jsにカラーパタン毎に
作成しておきます。

4.切り替えを行うファンクションコンテナ

カラーパターンで切り分けを行うプレゼンテーションページでmyColorをインクルードします。

これでログインユーザーのカラーパタンを変更されても、そのカラーパタンにあった
スタイルシートを読み込むことができます。