設定・使い方をコラムで詳しく見る

kintoneの入力フォームをタブ分けする方法｜項目が多い画面を整理する

標準機能との使い分け、具体的な設定例、導入時の確認点を解説しています。

こんな場面で活用できます

顧客管理や案件管理など、1つのレコードに複数の種類の情報をまとめているアプリにおすすめです。

担当者管理アプリでの配置例

1. 顧客名・顧客No.などの共通項目を、フォームの先頭に配置します。
2. [担当者情報] のラベルを置き、その後に氏名・部署・電話番号などを並べます。
3. [同一企業担当者] のラベルを置き、その後に関連する担当者の情報を配置します。

最初のタブラベルより前に置いた共通項目は、どのタブを選んでも上部に表示されます。

タブ表示プラグインの特長

利用画面

担当者管理アプリの例です。「担当者情報」「同一企業担当者」のタブで表示する項目を切り替えます。タブより上の顧客名・顧客No.は共通項目として表示されます。

プラグイン仕様

タブの切り替えは表示の整理を行う機能です。フィールドの閲覧権限・編集権限や、保存済みデータは変更しません。

設定方法

1. 1

   プラグインを追加する

   ダウンロードしたZIPをkintoneに読み込み、利用するアプリに「タブ表示プラグイン」を追加します。

2. 2

   フォームにタブ用のラベルを配置する

   アプリのフォーム設定で、タブを開始したい位置にラベルを置きます。本文は [基本情報]、[対応履歴] のように、半角の角括弧でタブ名を囲んでください。ラベル本文には [タブ名] だけを入力します。

3. 3

   タブに入れる項目を並べる

   ラベルの後に、そのタブで表示したい項目を配置します。次のタブの開始位置に別のラベルを置きます。共通で表示したい項目は、最初のタブラベルより前に配置してください。

   タブはフォームの行を単位に区切ります。タブ用ラベルは専用の行に配置し、同じ行に入力項目を並べないでください。

4. 4

   モバイルへの適用を選択して保存する

   モバイルでもタブを使う場合は、「モバイル版でもタブを使用する」にチェックを入れ、「保存」をクリックします。モバイルでタブ分けをしない場合はチェックを外してください。PCのタブ表示には影響しません。

   設定が未保存の場合や、旧バージョンからの更新でこの項目が未設定の場合は、モバイルへの適用はオフです。モバイルで使い続ける場合も、設定画面でチェックして保存してください。

5. 5

   アプリを更新して表示を確認する

   アプリを更新し、レコードの追加・編集・詳細画面で各タブを切り替えてください。モバイルでは、設定したオン・オフの動作と、タブを横スクロールして切り替えられることを実際の利用画面で確認してください。

よくある質問

タブが表示されない場合は？

ラベル本文が [基本情報] のように半角の [ ] で囲まれているか、タブ名が空になっていないかを確認してください。全角の ［ ］ や、括弧の外に説明文を加えたラベルはタブ用の指定として認識されません。プラグインの設定保存とアプリの更新も確認してください。

モバイル版でタブが表示されない場合は？

プラグイン設定の「モバイル版でもタブを使用する」にチェックを入れて保存し、アプリを更新してください。未設定の場合はオフです。有効にした場合、画面に収まらないタブは横スクロールして選択できます。

モバイル版だけタブを使わない設定にできますか？

はい。「モバイル版でもタブを使用する」のチェックを外して保存してください。モバイルではタブ分けせずに項目を表示し、タブ用ラベルは非表示になります。PCでは引き続きタブを利用できます。

タブ用のラベルは利用画面にも表示されますか？

区切りに使ったラベル自体は非表示になり、括弧の中の文字がタブ名として表示されます。

共通の項目をすべてのタブで見せられますか？

はい。最初の [タブ名] ラベルより前に配置してください。どのタブを選んでいる場合も上部に表示されます。

非表示のタブにある必須項目はどうなりますか？

kintoneの必須設定はそのままです。必要なタブに切り替えて入力してください。このプラグインは値の自動入力や入力チェックの解除を行いません。

タブで項目を隠すと、アクセス権も制限されますか？

いいえ。タブは画面の表示を切り替える機能です。情報の閲覧・編集を制限する場合は、kintoneのアクセス権を設定してください。

ほかの表示変更プラグインと併用できますか？

フォームの表示・非表示や配置を変更する機能と併用する場合は、テスト用アプリで各画面の表示と操作を確認してから導入してください。