同条件で依存フィールドを複数個表示したい場合

[TakuyaAimi]

依存フィールドは1つしか選択できないようです。

同一条件で複数の依存フィールドを表示したい場合は、同一条件で別のルールとして追加しないといけないでしょうか。

この場合、横並びができそうになかったり、順序の入れ替えが一度削除しないといけなさそうなのですが、何かいい方法を御存知の方はいらっしゃいませんか？

[TakuyaAimi]

利用シーンは限られると思いますが、依存フィールドを2つ横並びで表示するCSSを共有しておきます。

（依存フィールドは同一条件で複数追加します。）

.hs-dependent-field {
  display: flex;
  flex-wrap: wrap;
}
.hs-dependent-field > .hs-form-field:first-child {
  width: 100%;
}
.hs-dependent-field > .hs-form-field:nth-child(n+2) {
  flex: 1 1 50%;
}
@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
  .hs-dependent-field > .hs-form-field:nth-child(n+2) {
    flex-basis: 100%;
  }
}

[natsumimori · Accepted solution]

@TakuyaAimi さん

HubSpotコミュニティーへの投稿ありがとうございます！

依存フィールドですが、おっしゃるように１レイヤーのみ質問を追加することができ、２レイヤー以上質問を追加することはできません。（依存フィールドに複数の質問を追加したい、というアイデアが投稿されていましたのでこちらにリンクします。）

どうしても複数の依存フィールドを使用したい場合は、カスタムフォームを作成し、送信データをAPIでHubSpotに入れるのがよいかなと思います。

@Keit さん、何か他に方法をご存知でしたら共有いただけますでしょうか？

[TakuyaAimi]

@natsumimoriさん、ありがとうございます。

やはり標準のフォームではできないのですね。

アイデアの共有もありがとうございます！

随分前からリクエストがあがっているようですね。Voteしました！

横並びはCSSで解決できそうですが、並び順の変更は…実装をお待ちしております

[Keit]

@TakuyaAimi さん、ご無沙汰しておりますw

@natsumimori さんが返答されているように、依存フィールドは、仕様上の制限があるので、2レイヤー以上、質問追加ができません。

外部の拡張になりますが、例えばTypeformや、SurveyMonkeyなどとHubSpotを連携させて、利用することでTypeformやSurveyMonkeyのフォームを利用できますので、依存フィールドなどの条件分岐が行えるようになり、連携設定をしていれば、データもHubSpotに登録することが可能です。

上記に付随して、プロパティデータを任意のプロパティに格納するのに、

ワークフローを使って、プロパティのコピーなどの調整作業は必要になる可能性があります。

[TakuyaAimi]

@Keit さん、ご無沙汰しております！

ご回答いただけるのではないかと、少し期待しておりました！

外部拡張と組み合わせて利用する必要があるのですね。

フォームは重要だと考えているので、HubSpotだけで細かい設定が行えることに期待しておきます！

ありがとうございました。