横スクロール型リストで、カスタムリストやカードリストなどと異なり、横スクロールで表示させたい時に使用するします。

▼目次

水平リストの設定方法

以下のサンプルアプリを作成しながら、設定方法を解説します。

サンプルアプリ(閲覧用)

https://sharev3.click.dev/adc45eb1-7920-4de0-a216-a28d2182b4a0?locale=ja

HBqjWiRImlLp3t19xRo81718302737-1718302792.gif

データベースの構築

テーブルを作成しタイトルを〔客室〕とします。項目を追加から画像タイプを選択し〔メイン画像〕、項目追加からテキストタイプを選択し、〔客室名〕〔料金〕〔定員〕を作成してください。

image.png

エレメントの設定

ページへの配置とデザイン

ページに水平リストを配置してください。

image.png

スタイルタブなどを使用してデザインを編集します。

image.png

全体設定

水平リストを選択し、右側パネルの〔エレメント〕タブを開き、〔水平リスト〕タブのデータベースの選択から、先ほど作成した〔客室〕テーブルを選択してください。