Go to Qiita Advent Calendar 2024 Top
LoginSignup
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

@skuramoto(Shiori Kuramoto)

カードフォームの作成方法

Last updated at Posted at 2022-10-21

下のようにビューに表示させるカードフォームを作っていきます
image.png

カードフォームの作成手順

テーブルの詳細画面から[フォーム]を選択
image.png

フォームの一覧の中から「フォームの種類」がカードのフォームを選ぶ
image.png

画面右のField Explorerから表示させたい列を選ぶ
image.png
ドラッグアンドドロップで真ん中の編集画面の、挿入したい位置にもっていき、赤線が表示されたらそこに置く
image.png

[Save]（保存）をして[Publish]（公開）
image.png
ここまででカードビューの編集は終わり

確認方法

まず表示させたいビューに追加する
ビューにカードフォームを追加する方法

モデル駆動型アプリを開き、ブラウザを縦長に折りたたむと、自動でカードフォームが表示される
（モバイルの画面では自動でカードフォームが表示されます。）

ちなみに編集画面ではこんな感じで作りました。Headerは表示が小さいですね
image.png

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?