【kintone】Chobiitカスタマイズ！テーブル・グループ名を非表示にしよう【プラグイン活用法#10】

今回は、ノベルワークスが提供しているChobiit for kintoneの活用記事です！

Chobiitでは標準機能で、Webフォーム上のフィールドを表示/非表示にすることができます。標準機能での設定方法が気になる方はこちらの記事をご参照ください！

ただし、テーブル・グループのフィールド名に関しては、非表示機能の対象外となっております😢（時期未定にて、今後アップデートにて対応する予定です）

ですが、ご安心ください！これらはカスタマイズで簡単に実装することができます💡当記事では、Chobiitフォーム上でテーブル・グループのフィールド名を非表示にする方法をご紹介いたします🌟とても簡単なので、Chobiitカスタマイズに初めてチャレンジしてみたい方の練習にも活用してみてください！

・Chobiitカスタマイズに初チャレンジしたい方
・Chobiitフォームでテーブルやグループのフィールド名を非表示にできず困っている方

標準機能で非表示にできる「文字列(一行)フィールド」の場合

Chobiitのプラグイン設定画面＞アプリ設定＞表示設定で非表示にすることができます！認証あり（マイページ）機能を利用されている場合は、フィールド非表示の設定方法が異なります。設定方法についてはこちらの記事をご参照ください。

フィールドAが非表示になりました！！

そこで、Javascriptカスタマイズのファイルを以下の内容で作成し、アプリ設定に適用します！詳細はこちらの記事の「カスタマイズファイルの作り方＆適用する方法」をご参照ください。

$(function () {

    //テーブルを非表示にする
    $('#iframe').contents().find('#table').hide();

});

加えて、kintoneアプリ側で「テーブル名を表示しない」にチェックを入れます。

非表示にできました！

「フィールド名を表示しない」にチェックを入れます。

グループのフィールド名が非表示状態になっていることが確認できます。

グループのフィールド名が表示されたままになっています。

以下のようにフィールド自体を非表示にする場合は、標準機能の以下設定で非表示にできます！今回はフィールド名だけを非表示にする方法をカスタマイズで実装します。

Javascriptカスタマイズのファイルを以下の内容で作成し、アプリ設定に適用します！詳細はこちらの記事の「カスタマイズファイルの作り方＆適用する方法」をご参照ください。

$(function () {

    //グループのフィールド名を非表示にする
    $('#iframe').contents().find('#button-group').css("display", "none");

});

グループのフィールド名が非表示になりました！

Chobiit公式HPにて、他のカスタマイズも多数ご紹介しております！Chobiitをカスタマイズして、さらに便利に活用してみましょう！！

Chobiit for kintoneは無料で30日間ご利用いただけます。Webフォームを作りたい、外部のユーザーにkintoneの情報を公開したい、などのシーンで活躍する製品です！従量課金制のため、気軽に利用を始めることができます。

こちらのプラグインに関するお問い合わせはコチラまでご相談下さい。
※Chobiitカスタマイズはユーザー様の任意で適用いただく機能となります。Chobiitカスタマイズに関するお問い合わせはサポート対象外となりますのでご了承ください※