オープンソースのERP iDempiere(アイデンピエレ)のデフォルトの一覧レポートのデザインは、あまりかっこいいとはいいがたいデザインです。そこで、JPiereオリジナルの一覧レポートデザインを作成しました。
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ファイルをそのままコピーして配置しているだけです。
関連するコンテンツ
- 【iDempiere Lab】レポートのデザイン(CSS)を変更する(2017/11/25の研究日誌)
- 【JPIERE-0023】JPiereテーマ
- 【iDempiere Lab】JPiereのWeb-UIをデザインする（2014/11/26の研究日誌）
- 【iDempiere Lab】iDempiereのデザインの参考資料（2014/11/09の研究日誌）
- 【iDempiere Lab】iDempiereのロゴマークを変更する（2014/9/7の研究日誌）
- 【iDempiere PJ Reports】Trek Global - iDempiereのビジネス活用例（2013/11/06 iDempiere PJ Reports）