レコード一覧表をカード形式で表示する

Tips

Kintoneの一覧表をカード形式で表示するカスタム事例を紹介します。
Kintoneの標準機能の一覧表は、レコードの項目が横並びで表示されますが、顧客一覧表や従業員一覧表のアプリでは、カード形式で表示する方が一覧表よりも情報量が整理されて見易くなります。
カスタムビューとJavascriptカスタマイズの組み合わせで、カード形式の一覧表を実現してみます。

デモ画面

サンプルとして、Kintoneのアプリストアから「顧客リスト」アプリを作成し、カスタムビューを設定します。
実装例は、以下のデモをご確認ください。

一覧表からカスタムビューに切り替えるとカード表示されます。
カードタイトル（会社名）クリックでレコード詳細画面を表示出来るようにしています。
カードの背景色を選択できるカラーパレット機能（個人設定）も付けてみました。

Kintoe人材育成研修

この様なカスタマイズを自分で出来る様になりたい方は、当サイトの「Kintoe人材育成」上級コースの受講をご検討して下さい。当サイトのTIPSで紹介しているカスタマイズ例のテンプレートを使えば、簡単に実装出来ます！
上級コースの受講者には、特典で当サイトのカスタマイズテンプレートを3種類まで無償でご提供しています。