On this page
複数列のコンタクトフォームフィールド
お問い合わせフォームからチケットを送信する際に、顧客から多くの情報を入力してもらう必要がある場合、すべてのフィールドが1列に並んだ長いフォームになってしまうことがあります。フィールドを複数列に分けることで、見た目をすっきりさせることができます。これを実現するには、お問い合わせフォームを編集し、設定内の Contact Form(お問い合わせフォーム)> Design(デザイン)> 最下部にある “edit custom CSS”(カスタムCSSを編集)に移動して、以下のCSSを追加します。

Custom CSS(カスタムCSS)ウィンドウに以下のコードを追加してください:
.g-FormField2 {
display: inline-block;
width: 49%;
}
.g-FormField2>g-FormField2-InputContainer>g-FormField2-InputPanel>MessageArea>textarea {
display: block;
}
3列にしたい場合は、width: 49% の代わりに width: 32% を使用してください。
最終的な表示例は以下のようになります:
