Tips

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

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

デモ画面

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

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


スポンサーリンク

自分でカスタマイズしてみたい方へ

以下のNote記事で本記事のカスタマイズ事例を紹介しています。
記事内で紹介しているカスタマイズコードは、無料で利用できるので是非挑戦してみて下さい。

「note:アプリ活用研究会(キン活)」は、当サイトのメンバーが執筆しています。

レコード一覧表をカード形式で表示する|アプリ活用研究会
やりたいこと Kintoneの一覧表をカード形式で表示したい。 Kintoneの一覧表は、レコードの項目が横並びで表示されますが、顧客一覧表や従業員一覧表のアプリでは、カード形式で表示する方が一覧表の情報量が整理されて見易くなります。 カスタムビューとJavascriptカスタマイズの組み合わせで、カード形式の一覧表を実現してみます。 サンプルとして、Kintoneのアプリストアから「顧客リスト」アプリを作成して、カスタムビューを設定してみます。 顧客リスト 一覧表表示(カス...

🌸 アプリテンプレートの販売

本記事でご紹介しているアプリテンプレートを、下記の料金プランで販売しています。
導入をご希望の方は、各プランの「お申込み/お問い合わせ」ボタンからお問い合わせください。

料金プラン

◆単品販売(買取型)は、導入サポート付きの価格です。
 単品動作タイプは60,000円、2アプリ連携タイプは100,000円、3つ以上連携タイプは150,000円です。
◆簡易サポート契約では、当サイトのアプリテンプレートとプラグインを合計6種類までご利用できます。
◆会員サポート契約では、ご利用範囲「無制限」で運用ヘルプデスク対応までフルサービスでご提供します。

項目 単品販売 簡易サポート 会員サポート
料金体系 60,000円 (税抜) 120,000円 (税抜) 360,000円 (税抜)
契約期間 なし 毎年更新 6か月更新
導入サポート
メールサポート ×
チャットサポート ×
バージョンアップ対応 ×
運用ヘルプデスク対応 × ×
商品のご利用範囲 本商品のみ 6種類までご利用可能
ユーザー数10名まで
無制限
ユーザー数30名まで
お問い合わせ/お申し込み 購入する お申込み

kintone人材育成研修

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

研修目的を「カスタマイズテンプレートのアプリ導入」とする研修メニューもご提案可能です。

📣カスタマイズ・導入支援いたします!

本記事の様な「kintoneアプリのカスタマイズ」をご希望の企業様へ
kintoneを便利に活用できるカスタマイズと運用支援は、ぜひ当社にご相談ください!

#kintone #Javascropt #カスタマイズ #レコード一覧表をカード形式で表示

スポンサーリンク
シェアする

事例紹介

ACHIEVEMENTS
製造業の受注データ管理をエクセルから移行
エクセルマクロの作業日報をKintoneに移行

Tips

TIPS
kintone業務活用
レコード一覧表の一部を「見せない」改善事例
kintone業務活用
kintoneカレンダーに月・週・日のビュー切替機能を実装
kintone
kintoneの「うっかり操作」を防止する新規APIの紹介
補助金の活用についてもご相談ください

中小企業のデジタル化に利用できる補助金や助成金があります。
補助金や助成金は申請できる企業や用途に要件があったり、事業計画書を作成する必要があったりします。
必要な手続きをサポートさせていただきますので、お気軽にご相談ください。

お気軽にご相談ください。

オンライン可
無料相談
デジタル化
診断チャート
簡易診断

デジタル化による
コスト削減効果を算出