レスポンシブ Web アプリケーションでは、さまざまなデバイスにおいてすべての情報が最適な方法で表示されるようにするために、レイアウトの調整に重点が置かれます。つまり、フォームとそのエレメントの見た目の美しさも、考慮すべき重要な点であると言えます。
レスポンシブ Web アプリケーションの見た目は、ほかのアプリケーションとは異なります。次の図は、RWD を使用する場合としない場合の、Web トランザクションに適用される Work With for Web のパターンです。
ボタン、入力フィールド、画像、列の幅などが異なります。
Work With パターン (レスポンシブデザインを使用する場合)
Work With パターン (レスポンシブデザインを使用しない場合)
Web トランザクションフォーム (既定のレスポンシブデザインを使用する場合)
Web トランザクションフォーム (レスポンシブデザインを使用しない場合)
RWA を生成するには、Flat テーマを使用する必要があります。このテーマには、既定の Web フォーム、および Web 抽象エディターを使用して新しく作成されたフォーム内の一部のコントロールに割り当てられるクラスが事前定義されています。RWA で使用される CSS クラスはこのタイプのアプリケーションに適しています。このクラスは、Bootstrap テンプレートを土台としています。
これらの各クラスには、対応する Bootstrap の CSS クラスがあります。
ただし、ユーザーの好みに合わせて、RWA で使用される事前定義されたクラスをカスタマイズすることもできます。このトピックについて詳しくは、「レスポンシブ Web アプリケーションで使用するテーマクラスの参照」を参照してください。
参考情報
GeneXus のレスポンシブ Web デザイン (X Evolution 3)
GeneXus のレスポンシブ Web デザイン
|