お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

1. Cardフォームを構築した後、テーマタブに移動します。
   
2. スクラッチから作成/フォームをカスタマイズをクリックします。
   
   
   
   
3. フォームのカスタマイズの下で、次のことをカスタマイズできます。
   
1. レイアウト
2. ページ
   
3. ヘッダー
   
4. フィールドと入力
   
5. ボタンと進捗バー
   

レイアウト

1. カード形式のレイアウトタイプを選択することができます。 これらのレイアウトタイプは、フォーム上のバナー画像の配置を決定します。
   
1. バナーなし：このレイアウトタイプにはバナー画像が含まれません。明確な画像なしでシンプルなデザインを希望する場合は、このオプションを選択できます。フォームフィールドは、両側にバナーなしで表示されます。
   
2. 左バナー：このレイアウトタイプでは、バナー画像がカードフォームの左側に表示されます。プロンプトな画像やロゴを左側に表示しながら、フォームフィールドを右側に配置する視覚的に魅力的なオプションを選択できます。
   
3. 右バナー：このレイアウトタイプは、左バナーと似ていますが、画像がカードフォームの右側に配置されます。
   
   
   
   バナー画像を使用する場合は、背景色、配置、不透明度などをバナーでカスタマイズできます。
   
   
   
   
2. 「コンテナスタイル」の下で、カードフォームの各ページにフィールドを配置するかどうかを選択できます。
   
1. フィールドの周りにコンテナを設けることで、カード形式のフォームの背景とフィールドとの間に明確な視覚的な分離を行い、フォームをより構造化された整然とした見た目にすることができます。
   
2. しかし、カード形式のフォームをより統一感のある流れるようなデザインにしたい場合は、コンテナを取り除くことができます。
   
   
   
   コンテナを設ける場合は、コンテナのボーダーの形状、色、背景などをContainer & Footerでカスタマイズすることができます。 
   
   
   
   
3. 「ナビゲーションスタイル」の下で、ナビゲーションボタンをフィールドの下に揃えるか、各ページの最下部に別々に配置するかを選択できます。
   
   
   
   
1. カードフォームの各ページにナビゲーションボタンをフィールドと一緒に配置する場合、それらはフィールドの直下に表示されます。このオプションは、ナビゲーションボタンを関連するフィールドに近接して保持するため、よりコンパクトなレイアウトを提供します。ユーザーエクスペリエンスをシームレスにすることができます。なぜなら、次のページや前のページに移動するために、フォームの最下部までスクロールする必要がなくなるからです。
   
2. カードフォームの各ページの最下部にナビゲーションボタンを配置する場合、それらはフィールドと分離されます。このレイアウトは、フォームフィールドとナビゲーションボタンの間に明確な視覚的な分離を提供することができます。
   

トランジション効果

ページ

1. フォームのフォントのスタイルを選択し、必要に応じてフォントサイズを調整できます。フォントサイズの選択は、（Welcome Pageのコンテンツを除く）フォーム上のすべてのテキストに対してダイナミックに調整されます、つまり、フォームがレスポンシブになります。
2. 背景色を選択したり、デスクトップから画像をアップロードしたり、プリデザインの背景から選択したり、Pixabayから画像を検索してフォームのすべてのページの背景として使用できます。
   
3. 背景の不透明度も調整できます。
   

フォーム内にサブフォームがある場合、フォームの背景色がサブフォームの背景色にデフォルトで適用されます。フォームの背景に画像を設定している場合、サブフォームの色がフォームの背景画像の色と調和するように背景色を選択することをお勧めします。

ヘッダー

ヘッダーの下に

1. フォームタイトルの背景色を選択し、この背景の透明度を調整できます。
   
2. フォームタイトルと説明のフォントの色も選択できます。
   

フィールドと入力

ここでは、フォームフィールドのスタイルとエラーメッセージをカスタマイズできます。

フィールド

フィールドセクションの下で、フィールドのラベル、フィールドの説明、フィールドの入力値に異なる色を選択することができます。

入力

入力項目の下で、フィールド入力ボックスの枠スタイル、枠の色、入力ボックスの背景色、および背景色の不透明度を選択することができます。

選択された色（入力値、境界、 および背景）は、評価、スライダー、および選択基準フィールドを含むすべてのフィールドに適用されます。

ピッカー

ピッカー要素の背景色や選択した値の色をカスタマイズすることもできます。

1. 名前 - 挨拶
   
2. 住所 - 国
   
3. 電話 - 国コード
   
4. ドロップダウン
   
5. 複数選択
   
6. 時間フィールド 
   
7. 日付フィールドピッカー
   
8. 日付時間フィールドピッカー
   
9. マトリックス選択 - ドロップダウン
   
10. フィールドペイン（質問間をジャンプする）
    
11. Zoho CRMフィールド
    

ピッカーの背景、選択、入力値に補完する色を使用することをお勧めします。

エラーメッセージ

エラーメッセージのセクションで、エラーメッセージの背景色とエラーメッセージテキストの色を選択できます。

名前などのフィールド要素を持つフォームフィールドがある場合は、入力ボーダーとエラーメッセージの背景色が明確に異なるようにしてください。エラーのあるフィールド要素の境界と他のフィールド要素の境界が視覚的に区別できないためです。

ボタンとプログレスバー

ここでは、ナビゲーションボタン、アクションボタン、ウェルカムページボタン、プログレスバーの色をカスタマイズすることができます。

ナビゲーション

ナビゲーションボタンとは、フォームページ上の「前へ」と「次へ」ボタンのことです。「前へ」と「次へ」のナビゲーションボタンのラベルの色をそれぞれ別々にカスタマイズすることができます。