タブ表示プラグイン

特徴

タブ表示プラグインは、詳細画面、追加/編集画面、印刷画面において、タブで分割して表示する機能を提供します。

• 1つのページに複数のタブ集合を表示させることが可能です。
• タブで区切られたページにさらにタブを表示させることが可能です。（タブのネスト）
• 詳細画面、追加/編集画面、印刷画面でそれぞれタブ表示するかどうかの設定が行えます。
• 詳細画面、追加/編集画面の切り替え時に選択されたタブをそのまま維持して表示します。
• 縦スクロール時にタブ行を上部に固定するかどうかの設定が行えます。

• 他のカスタマイズやプラグインと競合してレイアウトが崩れる場合があります。
• アプリのフォームを変更した場合は、本プラグインの設定も変更しなおしてください。

関連ブログ

• kintone プラグインを使ってみよう！
• kintone プラグインをバージョンアップしよう！
• kintone プラグイン設定を開発環境から本番環境へ簡単デプロイ！
• タブ表示プラグインに追加された２つの機能をご紹介します！

機能

■ヘッダ固定行、タブ表示、フッタ固定行 表示

下図において、「型番」「商品名」「価格」がヘッダ固定行、「特記事項」がフッタ固定行となり、タブを切り替えても、常に表示されるフィールドになります。

追加/編集画面

詳細画面

■複数のタブ集合 表示

追加/編集画面

詳細画面

■タブで区切られたページにさらにタブ表示 （タブのネスト）

追加/編集画面

詳細画面

印刷画面

■詳細画面、追加/編集画面の切り替え時に選択されたタブをそのまま維持して表示

詳細画面、追加/編集画面の切り替え時に選択されたタブをそのまま維持して表示します。選択されたタブはアプリ単位で記録されるので、別のレコードを表示した際も選択したタブが表示されます。これにより効率的に編集・確認作業が行えるようになります。

■印刷画面ではタブを隠すことも

印刷画面でタブを印刷したくない場合は非表示にすることもできます。

■縦スクロール時にタブ行を固定する

使い方

■設定画面

タブ名と、そのタブで表示する項目の開始と終了の行番号を設定します。
行番号は、上図のように、右側の表に一覧として表示されます。これにより、どの項目がどの行に入っているかを判断できます。
本設定に含まれない行は、固定行としてタブを切り替えても常に表示される項目となります。

上図の設定は、「タブで区切られたページにさらにタブ表示 （タブのネスト）」を行うための設定になります。
一つのタブ集合は、連続した行番号である必要があります。上図において、「基本情報」「スペック」「特記事項」の開始行番号と終了行番号が連続しているしていることが分かります。
タブのネストの設定は、あるタブの開始行から終了行に内包される行番号を持つことになります。
上図では、「スペック」タブが、3～12行となっており、「サイズ・質量」「メモリ」「ディスプレイ」「メインカメラ」「フロントカメラ」は、「スペック」タブ内の行を持つので、ネストとして表示されます。
また、「サイズ・質量」「メモリ」「ディスプレイ」と「メインカメラ」「フロントカメラ」の間の10行目が設定されていないため、「サイズ・質量」「メモリ」「ディスプレイ」と「メインカメラ」「フロントカメラ」は、別のタブ集合として表示されます。このように、1ページに複数のタブ集合を表示させるには、タブ集合とタブ集合の間に固定行が含まれている必要があります。

チェックボックスの設定について

「追加・編集画面でタブ表示を有効にする」「詳細画面でタブ表示を有効にする」「印刷画面でタブ表示を有効にする」のチェックボックスで、タブ表示の有効化/無効化が設定できます。
「最後に開いたタブを記憶する」のチェックボックスで、タブを記憶するかどうかの設定ができます。記憶したタブは詳細画面⇔編集画面、表示レコード⇔別のレコードで表示されます。
また、「記憶したタブを追加画面でも表示する」のチェックボックスで、レコード追加画面で記憶したタブを表示かどうかの設定ができます。
「縦スクロール時にタブ行を固定する」のチェックボックスで、縦スクロールしたときにタブを画面上部に固定するかどうかの設定ができます。

設定が出来たら、「保存する」ボタンをクリックして設定を保存します。
設定画面のボタンについてはこちらをご覧ください。