Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

kintone タブ表示プラグイン

More than 1 year has passed since last update.

タブ表示プラグイン

ヘッダ固定行、タブ切替、フッター固定行を設定表示できます。

  • PC、モバイル対応

※Ver.11 の変更点

  • モバイルヘッダー、フッターの変更対応
  • 3ヶ国語対応

rex0220 storesで、販売中です。

2019-07-10_22h20_54.png

新テーマ対応

新テーマ(RED, GREEN, BLUE, YELLOW, BLACK)に合わせてタブ表示します。

  • 新テーマ RED の表示例

2017-02-12_09h44_28.png

  • 各テーマの表示例

KTAB-THEME.png

詳細画面

ktab02.png

編集画面

ktab03.png

画面切り替えのタブ表示

詳細画面から編集画面に切り替えても、タブ位置は変わりません。

ktab04.png

モバイル表示

新モバイルUIのみタブ表示可能です。

2019-09-22_15h11_45.png

プラグインの読み込み

  • kintoneシステム管理 > プラグイン の画面で、プラグインを読み込みます。
  • アプリの設定 > プラグイン で、プラグインを追加します。

2017-05-31_12h51_44.png

プラグイン設定方法

タブ表示プラグインは、フォームの項目を行単位に、上から順番に、
ヘッダ固定部、タブ1、タブ2... 、フッター固定部に割り付けていくイメージです。

  • 最初に標準のフォーム設定でレイアウトを、行単位でタブ表示順位に変更
  • 以下、プラグイン設定画面
  • ヘッダ部固定表示行数を設定
  • タブ1:タブ名と表示行数を設定
  • ...
  • タブN:タブ名と表示行数を設定
  • タブに割り当てられなかった行が、フッター固定部になります。

グループは、まとめて1行でカウント
サブテーブルは、1行でカウント

タブ表示設定を変更すると、レイアウト表示のタブ名欄に反映されます。

2020-01-16_11h53_23.png

  • タブ設定とタブ表示例

2020-01-16_12h12_37.png

全タブの項目表示

プラグイン設定画面で、「全表示タイトル」を指定すると全タブの項目表示が行えます。

2019-07-11_09h21_55.png

プラグイン設定画面

各項目を指定して、「保存する」をクリックします。
下記の入力エリアでタブ名と表示行数欄を入力していただくとレイアウト欄に自動反映されます。
タブ名または表示行数欄の入力エリアをクリックすると、入力可能となります。

  • プラグインの有効/無効
  • タブ表示エリアの表示幅
  • ヘッダ部固定表示行数
  • 全表示タイトル※1
    • 指定すると、全項目を表示するタブを表示
  • モバイルヘッダー※1
  • モバイルフッター※1
  • 各タブと表示行数を設定※1
    • グループ・サブテーブル・関連テーブルは、1行で計算します。
  • NOTE
    • プラグイン設定のメモ等を指定できます。
  • 運用環境に反映
    • プラグイン設定画面で「保存」時に、直接運用環境に反映します。

※1 英日中を設定すると、ユーザ別に設定された各言語対応のタイトルを表示

2020-01-16_11h37_29.png

プラグイン設定でのコピー&ペースト機能

プラグイン設定で、セルのコピー「CTL+C」&ペースト「CTL+P」が使用できます。

タブ表示V6-3.png

プラグイン設定のダウンロード

  • プラグイン設定をダウンロードできます。
  • 計算式を変更している場合は、変更後の設定が対象です。
  • ブラウザ IE については、プラグイン設定のダウンロードの動作対象外です。

2019-07-11_09h16_47.png

プラグイン設定のアップロード

  • プラグイン設定をアップロードできます。
  • フィールドコードをキーにして、設定ファイルから計算式を設定します。
  • ブラウザ IE については、プラグイン設定のアップロードの動作対象外です。

2019-07-11_09h18_57.png

  • プラグイン設定ファイル情報を確認して、設定します。

2019-07-11_09h19_13.png

注意事項

  • 既に、JavaScript によるカスタマイズを行っているアプリの場合、処理が競合して、エラーになる場合があります。その場合は、該当するアプリでプラグインの使用を中止してください。
  • アプリ設定を変更した場合は、プラグインを再設定してください。
  • Internet Explorer の場合、追加・編集画面においてリッチエディター項目の値が表示されず編集が出来ません。

参考

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away