【JPIERE-0367】JPiereの一覧レポートのデザイン

 オープンソースのERP iDempiere(アイデンピエレ)のデフォルトの一覧レポートのデザインは、あまりかっこいいとはいいがたいデザインです。そこで、JPiereオリジナルの一覧レポートデザインを作成しました。

JPiereオリジナル一覧レポートデザイン
JPiereオリジナル一覧レポートデザイン

 iDempiere標準のレポートデザインは下記になります。

iDempiereの標準レポートデザイン
iDempiereの標準レポートデザイン

カスタマイズ情報

システムコンフィグ設定:HTML_REPORT_THEME

 システムコンフィグ設定のHTML_REPORT_THEMEに、レポートのCSSファイルが置いてあるパスを"jpiere/theme"を設定しています。

システムコンフィグ設定
システムコンフィグ設定

cssファイルとjsファイルの配置

 システムコンフィグ設定のHTML_REPORT_THEMEに設定したパスの下の、cssフォルダ(デイレクトリ)の下に、report.cssを配置しています。

 システムコンフィグ設定のHTML_REPORT_THEMEに設定したパスの下の、レポートで使用するJavaScriptファイルもおいておきます。jsフォルダ(デイレクトリ)の下のreport.jsがそれです。このJavaScriptファイルを置き忘れると、レポートからズームができなくなってしまいます。

※report.jsファイル自体はiDempiereの標準機能のreport.jsファイルをそのままコピーして配置しているだけです。

カスタマイズ履歴

2020年4月7日

  • 一覧レポートのレポートヘッダをスクロールしても固定しておくように改善しました。
  • 一覧レポートの合計行をグレーにしました。

関連するコンテンツ