List Recordウィジェットでのレコードの横並び表示
質問
レイアウトをカスタマイズして、以下のようにレコードを横並びで表示することはできますか?
レコード1 | レコード3 | レコード5 |
---|---|---|
レコード2 | レコード4 |
標準のテーブルグリッドレイアウトでは、以下のように各レコードが個別の行に表示されます。
レコード1 |
---|
レコード2 |
レコード3 |
レコード4 |
… |
回答
Web画面の情報の表示方法を操作するには、List Recordsウィジェットを使用します。
使用するList RecordsウィジェットをWeb画面で選択した後、ウィジェットのプロパティに移動してLine Separatorプロパティを「None」に設定すると、レコードが横並びに表示されます。
これらの構成を行った後は、以下の図のようなレイアウトになります。Forgeで入手可能なOutSystems UIコンポーネントでは、この他のさらに便利なUIパターンを確認できます。
以下のOMLの例は、List Recordsウィジェットを使用して上記のルックアンドフィールを実現する方法を示しています。
https://success.outsystems.com/@api/deki/files/1416/ListRecordExample.oml