<aside> <img src="/icons/reorder_blue.svg" alt="/icons/reorder_blue.svg" width="40px" /> メニュー

</aside>

プラグインの設定


1.プラグインを読み込む


  1. [kintoneシステム管理]を開きます。

    スクリーンショット 2024-04-12 17.58.58.png

  2. [その他]のメニューから[プラグイン]をクリックします。

    スクリーンショット 2024-04-12 19.24.42.png

  3. 画面左上にある[**読み込む]**をクリックします。

    スクリーンショット 2024-04-12 19.27.26.png

  4. [参照]をクリックし、ファイルから[kintone-tab-view-xxxx.zip]を選択したあと[読み込む]をクリックします。

    ※「xxxxx」にはバージョン名が入ります。

    ※ドラッグアンドドロップでもアップロードできます。

    スクリーンショット 2024-04-24 12.45.48.png

  5. プラグインが読み込まれた事を確認し、ポータル画面に戻ります。

    スクリーンショット 2024-04-24 12.49.35.png

2.アプリにプラグインを追加する


  1. プラグインを設定するアプリを開きます。

  2. 画面右にある[**歯車]**アイコンをクリックします。

    スクリーンショット 2024-04-16 11.21.49.png

  3. 設定タブを選択し、[カスタマイズ/サービス連携]から[プラグイン]をクリックします。

    スクリーンショット 2024-04-16 11.23.40.png

  4. [**+追加する]**をクリックします。

    スクリーンショット 2024-04-16 11.25.25.png

  5. タブ表示プラグインにチェックを入れ、[追加]をクリックします。

    スクリーンショット 2024-04-24 12.54.10.png

  6. プラグインの[**歯車]**アイコンをクリックし、続けて[プラグインの設定をする]に進んでください。

    スクリーンショット 2024-04-24 12.56.21.png

3.プラグインの設定をする


タブの表示内容設定

  1. ヘッダー部、フッター部に表示させる行数を設定します。 ヘッダー部は上から数えた行数、フッダー部は下から数えた行数が反映されます。

    スクリーンショット 2024-03-14 15.30.25.png

  2. タブ部の設定をします。

    1. 固定値または、フィールドを選択します。  固定値:入力した文字がそのままタブ名に反映されます。  フィールド:選択したフィールドの値がタブ名に反映されます。
    2. 表示する行を選択します。※複数選択可能  ヘッダー部とフッダー部、どちらにも当てはまらない行が表示されています。
    3. タブは+マークをクリックすることで複数設定出来ます。※下の画像参照

    67aoyvg872jw.cybozu.com_k_admin_app_4274_plugin_config_pluginId=lmlhaphbjkncejgopecjiklocgjnnfde (2)のコピー3.png

  3. 全項目表示タブを任意で設定できます。

    すべての項目(行)を表示するタブを設定できます。

    ※ONにすると一番右側にタブが表示されます。

    スクリーンショット 2023-09-19 14.04.24.png

タブのデザイン設定

  1. タブの色を設定できます。 [背景色][文字色]というラベルの下にある四角をクリックすると、カラーパレット画面が表示されるので任意の色を設定します。

    スクリーンショット 2023-09-19 14.12.57.png

条件付き色切り替え

  1. 条件を満たしたときのタブの色を設定します。
    1. トグルスイッチをオンにします。

      スクリーンショット 2023-09-19 14.34.27.png

    2. [背景色][文字色]というラベルの下にある四角をクリックすると、カラーパレット画面が表示されるので任意の色を設定します。

      スクリーンショット 2023-09-19 14.34.27 (1).png

    3. 色を切り替える条件を設定します。

      • 条件は複数設定出来ます(最大10個)

      • 条件を複数設定した場合、[全ての条件を満たす(AND)][いずれかの条件を満たす(OR)]のどちらかを選択します。

        スクリーンショット 2023-09-19 14.34.27 (2).png

    4. 設定した条件に合わせてバーの色が切り変わります。

      スクリーンショット 2023-09-19 16.39.45.png

タブの非表示設定

  1. トグルスイッチを有効にすると、タブを非表示にする条件を設定できます。
  2. 条件に一致したとき対象のタブが表示されなくなります。

4.設定の保存


  1. 画面下部にある[保存する]をクリックします。
  2. 画面左下にある[アプリの設定に戻る]をクリックします。
  3. 画面右上にある[アプリを更新]をクリックします。
  4. 表示されたポップアップの[アプリを更新]をクリックします。
  5. 自動的にレコード一覧画面に切り替わります。以上でプラグインの設定は完了です。