Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

Template:OutSystems/OSLanguageSwitcher
Language:

 

 

 

 

 
OutSystems

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

  • Was this article helpful?