はじめに
こんにちは!スパイラル株式会社でインターン中の大学生です。
今回は【10分シリーズ】第12弾!
前回作成した検索フォームにある「一覧表」を、ほんの少しカスタマイズしてみます!
前回はさらっと流した部分ですが、実はこの一覧表、ちょっとした工夫で見やすさがぐんと変わるんです。
↓前回の記事はこちら
【10分シリーズ】検索フォームを作成したい!
【10分シリーズ】について
【10分シリーズ】では、インターンを始めて1年半の私が、弊社が提供するローコードプラットフォーム「SPIRALver.1」や「SPIRALver.2」を使って10分で作れるものをわかりやすく紹介していくシリーズです!
「え、これ本当に10分でできたの?」の数々を読んでくださった皆様にお伝えできればと思っています。
さらに今なら「SPIRALver.1」のトライアルアカウントが無料で使えるので、皆さんもぜひ【10分シリーズ】挑戦してみてください!
今回作るもの
対象はこちらの検索フォームの一覧表部分。
デフォルトのままだと、少し味気ない印象があります。
そこで今回は、3つの小ワザを試してみようと思います!!(どれも簡単な工夫ですが…)
- 見出し行を見やすくする
- 表示項目を減らす
- 列幅を少し調整して情報を整理する
作成開始!
一覧表の設定画面から、「一覧表」タブを選択します。
こちらの画面では一覧表に表示させる項目を追加・編集できます。
デフォルトで表示されているページャーや一覧表のタイトルもこちらから設定できます!
まずは見出し行を編集します。
デフォルトではDBに登録しているフィールド名がそのまま表示されているので、こちらをわかりやすい名称に変更します。
続いて不要なフィールドを削除します。
今回は「感想」の項目を削除します。
該当列を選択した状態で「列の削除」をクリックすると反映されます。
▽SPIRALのトライアルはこちらから!
最後に少し幅を調整し、完成です!
おわりに
いかがでしたでしょうか。
一覧表は一見地味ですが、ちょっとした調整で「使いやすさ」が大きく変わります。
今回紹介したのはほんの入り口。XSL設定など高度なカスタマイズも可能なので、ぜひ試してみてくださいね!↓
次回:アンケート結果を集計したい!
私がインターンしているスパイラル株式会社は、ローコードプラットフォーム、SPIRAL ver.1のトライアルアカウントを無償提供しています。このアカウントの記事でも紹介するように、たくさんの機能ございます。
▶︎ フォーム
▶︎ 認証エリア
▶︎ ログイン
▶︎ メール送信
▶︎ カスタムプログラム
などの作成できますので、ぜひ試してみてください!!
そして、今チームでトライアル登録者向けに、オンボーディングコンテンツを作成しています。SPIRAL ver.1にご興味のある方、ぜひこちらもご覧ください👇






