【iDempiere Lab】レスポンシブルデザイン対応

 オープンソースのERP iDempiereが5.1となり、レスポンシブルデザインに対応致しました。

 レスポンシブルデザインとは、Webサイトにアクセスする端末の画面の大きさに合わせて、適切なレイアウトでコンテンツを表示させる事で、スマートフォンなど比較的画面が小さい端末でも、適切なレイアウトでiDempiereを表示させる事ができるようになりました。

 

画面イメージ

ログイン画面

ChromeのDeveloper Toolsを使用して確認しています。
ChromeのDeveloper Toolsを使用して確認しています。

ログイン直後の画面

ChromeのDeveloper Toolsを使用して確認しています。
ChromeのDeveloper Toolsを使用して確認しています。

左側サイドメニューの表示

ChromeのDeveloper Toolsを使用して確認しています。
ChromeのDeveloper Toolsを使用して確認しています。

メニューの表示

ChromeのDeveloper Toolsを使用して確認しています。
ChromeのDeveloper Toolsを使用して確認しています。

受注伝票

ChromeのDeveloper Toolsを使用して確認しています。
ChromeのDeveloper Toolsを使用して確認しています。
ChromeのDeveloper Toolsを使用して確認しています。
ChromeのDeveloper Toolsを使用して確認しています。

レポート画面

◆抽出条件入力画面

ChromeのDeveloper Toolsを使用して確認しています。
ChromeのDeveloper Toolsを使用して確認しています。

◆レポート表示画面

ChromeのDeveloper Toolsを使用して確認しています。
ChromeのDeveloper Toolsを使用して確認しています。

関連するコンテンツ

参考サイト