今回はラジオボタンフィールドの選択によってグループフィールドの開閉を切り替えるカスタマイズをご紹介します。

アンケートアプリなどで、内容の種類によって入力する部分を分岐させたいことってありますよね？

そういう場合は、分岐先ごとにグループフィールドでまとめて、回答する必要のないグループフィールドは自動で閉じるようにすることで、ユーザーを誘導することができます！

Customineの基本的な事柄は、こちらの「はじめてのカスタマイズ」をご参照ください。

アプリのフォーム

今回カスタマイズを行うアプリは、kintoneアプリストアにある「製品評価箱アプリ」をベースに、評価内容を回答する部分を新たに加えたグループフィールドにしまう形に変えたものを用います。

アプリのイメージは次のような形となります。

各グループ内のフィールドの設定(差分となる箇所のみ)

※各グループフィールドに含まれるフィールドは、今回のカスタマイズには直接関係しない部分ですので、下の通りでなくても構いません。

また、各グループはkintone上でのフィールドの初期値の設定で「グループ内のフィールドを表示する」のチェックをせず、デフォルトではグループが閉じられた状態となるように設定しておきます。

やりたいこと

「種類」で選んだ選択肢に対応するグループフィールドを開く。それ以外のグループフィールドは閉じる。

Customineの設定

まずは、追加・編集画面で「種類」を選択したときの設定を行います。

グループを閉じる

実行時にどのグループが開いているかわかりませんので、とりあえず全部閉じます。

やること

「グループを折りたたむ」を使用します。この「やること」は複数のグループを一度に折りたたむことができます。

4つのグループをすべて選択します。

条件

「種類」が変わったときに実行したいので、「フィールドを編集して値が変わったとき」です。

グループを開く

全て閉じた後、改めて指定のグループを開きます。条件によって4つに分岐させます。

やること

「グループを開く」を使います。

条件

「他のアクションの実行が完了した時」を使って4つとも1番のアクションの直後になるようにします。「フィールドが特定の値ならば」で分岐させ、「種類」で選んだ選択肢と開くグループフィールドが一致するように設定していきます。

これで「種類」を選択したら開くグループフィールドが切り替わるようになりました。

しかし、このままでは、閲覧・追加・編集画面を表示したときには「種類」は選択されているのに、すべてのグループフィールドが閉じている、という矛盾した状態になってしまいます。

そこで、閲覧・追加・編集画面を表示した瞬間にも、対応するグループフィールドが開くアクションを追加してあげましょう！

もともと画面表示時には全てのグループフィールドが閉じているので、閉じるアクションはここでは不要になります。

また、上のすべての設定を行った後のアクショングラフは次のようになります。

動作確認

上のように設定が完了したら、「kintoneアプリへ登録」し、動作確認をしましょう。

切り替わりましたね！

まとめ

今回はグループフィールドの開閉を自動で行うことでユーザーを誘導しましたが、表示・非表示を使う方法もこちらのTipsで紹介しています。ぜひご覧ください。

他にも、フィールドを編集不可にする方法等も考えられます。

それぞれの状況に合ったカスタマイズを探してみてください！

また、実際に作成してみられてご不明な点などございましたら、お気軽にチャットでご質問ください。