2016年

6月

01日

【iDempiere Lab】フィールドへのインラインCSSの設定

 オープンソースのERP iDempiereのアーキテクトであるhengsin(ヘンシン)さんがコミットした新機能で、ウィンドウの各種フィールドにそれぞれ独自のインラインCSSを設定できる機能を試してみました。

インランCSSの設定
インランCSSの設定

 インラインCSSを下記のように設定し、伝票番号フィールドに割り当ててみました。

font-weight:bold; background-image:  url("/webui/theme/jpiere/images/Document16.gif"); background-repeat: no-repeat; padding-left: 18px; color: #ff0000;

受注伝票の伝票番号にインラインCSSを割り当ててみたところ
受注伝票の伝票番号にインラインCSSを割り当ててみたところ

 インラインCSSを割り当てた伝票番号フィールドだけ、ラベルにアイコンが表示され、文字の色が赤くなっており、独自のCSSが割り当てられている事が確認できます。この機能を使えば、注意を促したいフィールドを目立たせるなどの対応ができますので、よりユーザーフレンドリーな画面が作れますね!

参考サイト

関連するコンテンツ