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

スタイル

Styleは、フォームの全体的なレイアウトと視覚的な表現を変更することを可能にします。ここでは、フォームのコンテナとヘッダーの外観を調整できます。

1. 初期設定: このスタイルには定義されたコンテナがあり、フォームの視覚的な境界を明確にします。
2. 透明: このスタイルはフォーム要素のための透明なコンテナを作成し、フォームが周囲の背景とシームレスに結合することを可能にします。このデザイン選択は、フォームが全体的なページレイアウトにスムーズに統合され、統一的で美的に魅力的な外観を保つことを保証します。透明性は、周囲のコンテンツからの気晴らしをせずにフォーム項目自体に焦点を当てるのに役立ちます。
3. デッキ: このスタイルでは、フォーム内の各項目が専用のコンテナを持つようになります。これは、各項目が専用のスペースを持つことを意味し、視聴者がフォームを操作しやすくなります。項目が重なることによる混乱やフラストレーションはありません。

1. スクロール可能： このスタイルでは、ヘッダーがユーザーがスクロールするときにフォームと一緒に動くようになっています。これは、ヘッダーが多くのスペースを占めてユーザーの表示を妨げる可能性がある短いフォームに理想的です。
2. 固定： このスタイルでは、ユーザーがフォームをスクロールしても、ヘッダーはコンテナのトップに固定された位置に保たれます。これは、ユーザーが情報のためにヘッダーに戻す必要がある場合、長いフォームに有用です。

フォント

壁紙

1. 単色背景
   単色の背景を適用するには、事前に定義されたカラーパレットから色を選択したり、色選択ツールを使用して、既存のブランドカラーに完全に合った色を選択することができます。
   
2. グラデーション背景
   グラデーションを利用すると、なめらかな色調達成の背景を作成できます。ここでは、グラデーションの開始点と終了点に対して2つの異なる色を選択することができます。
   
1. 角度: グラデーション内で色調達成の角度を調整できるスライダーが含まれています。これにより色の混ざり方の方向をコントロールすることが可能になります。
   
   
   

この機能を利用すると、視聴者の目を引きつけ、ブランドを反映させるためのフォームの背景に画像を追加できます。ここでは、自分のデバイスから画像をアップロードするか、事前に設計された背景を使用するか、Pixabayから画像を追加することができます。背景画像を追加した後は、それを配置したり、フィットさせたり、不透明度を調整することができます。

バナー

画像

1. スタイル1:このスタイルでは、バナーはフォームコンテナの上部に常に固定されます。
   
2. スタイル2: このスタイルでは、バナーはフォームコンテナから独立して配置することができます。

ヘッダー

フォームの上部にあるヘッダーセクションには、フォームの件名、説明、ロゴが含まれています。以下の項目を調整することで、これらの要素をカスタマイズすることができます。

フォームの件名

この機能はフォームの件名の色を選択することを可能にします。独自の色を件名に設定し、それをヘッダーの焦点にすることで、ユーザーの注目を惹き、フォームの目的を明確に伝えます。

フォームの説明

追加の説明がある場合、件名に合う色を選択し、読みやすさを確保します。フォームの目的を簡潔に説明するか、必要な指示を提供します。

背景

この機能により、ヘッダーの背景色を設定できます。ヘッダーの背景には単色またはグラデーションを選択できます。

フォントファミリー

この設定では、フォームのヘッダーテキストに使用するフォントの種類を選択することができます。ブランドのアイデンティティに合った、見やすく読みやすいフォントを選択してください。

ロゴ

ロゴはあなたのブランドや会社を表現するシンボルです。あなたのデバイスからロゴをアップロードするか、Pixabayから選択してください。

画像のサイズ

この機能では、ロゴ画像のサイズを調整することができます。必要に応じて、スライダーを使用してロゴのサイズを変更できます。

画像の配置

この機能では、フォームのヘッダー内でロゴ、件名、および説明を配置します。提供されたスタイルから画像の配置を選択し、整然としたレイアウトを作成します。

ヘッダーのその他のカスタマイズ設定については、その他をクリックしてください。

1. ボーダー: この機能では、フォームのヘッダーを囲む枠線の色を選択することができます。
2. ボーダーの幅:この機能では、フォームヘッダー周りのボーダーの厚みを調整することができます。
3. エッジ:エッジのスライダーで、フォームのヘッダーの角を調整することができます。
4. 外側のスペーシング:この機能では、ヘッダーの上部、左部、および右部のフォームからの間隔を調整することができます。
5. 内側の水平間隔:この機能では、フォームヘッダーの左端と右端からのヘッダーコンテンツの間隔を調整することができます。
6. 内側の垂直間隔:この機能では、フォームヘッダーの垂直間隔を調整することができます。
   

ページ

フォームが1ページ以上の場合、明確なナビゲーションバーがユーザーをスムーズに完了プロセスへと導きます。

ナビゲーションバー

ナビゲーションバーは、フォーム内での進行状況をユーザーに明確に伝えます。

1. 種類: 異なるビジュアルスタイル（バー、ステップ、スクエア）を選択してフォームの進行状況を示します。フォームのデザインに最適で、明確な進行指標を提供するスタイルを選択してください。
   
2. 位置: ナビゲーションバーのフォーム内での位置を選択するための機能です。

1. フォームコンテナ内: ナビゲーションバーはフォームコンテナの最上部に直接表示されます。
   
2. フォームコンテナ外:ナビゲーションバーはフォームコンテナの外側に配置されます。
   

訪問済み/未訪問 - ナビゲーションバー

ナビゲーションバー内の'訪問済み' と '未訪問' のページの背景色とテキスト色をカスタマイズします。

ページヘッダ

ページのタイトルを表示する:

1. ナビゲーションバー: ナビゲーションバー内に現在のページのタイトルを表示します。
   
2. ページ: ページ自体に直接タイトルを表示します。ページのタイトルの背景、テキスト色、テキストの位置をカスタマイズできます。
3. なし: ページのタイトルを完全に非表示にします。

その他のカスタマイズ設定については、 その他 をクリックしてください。

コンテナ

1. カスタム: この機能を使用すると、許可された範囲内でコンテナの幅をピクセル値で設定できます。フォームサイズの精密な制御が可能です。
2. 画面に合わせる: この機能は、コンテナを拡大し、ユーザーの画面幅に合わせて調整させます。
   

以下に、その他のコンテナのカスタマイズ設定を示します:

1. ボーダー：この機能は、フォームコンテナを囲む折れ線グラフの色を選択することができます。
2. ボーダーの幅：この機能は、フォームコンテナを囲む折れ線グラフの厚さを制御できます。
   
3. エッジ：エッジのスライダーは、フォームコンテナの角を制御することができます。
   
4. 水平間隔： 水平間隔は、フォームコンテナの左右のエッジ間の距離を調整することができます。
5. 垂直間隔：垂直間隔は、フォームコンテナの上下のエッジ間の距離を調整することができます。
6. シャドウ：この機能は、フォームコンテナにシャドウ効果を作成します。
   
7. シャドウの広がり：シャドウ効果の強度を調整するには、スライダーをドラッグします。
   
8. フォームの応答性
   レスポンシブ表示：レスポンシブ表示は、フォームのレイアウトを自動的に調整し、480ピクセル以下の異なる画面サイズのデバイスでの最適な視認性と使用性を保証します。

項目

項目セクションは、フォーム内の各項目の視覚的な外観をカスタマイズすることができます。

1. ラベル：このオプションでは、項目ラベルの色を選択することができます。
   
2. インストラクション：このプロパティにより、項目に関連する指示文の色を制御できます。
3. フォーカス：この機能では、ユーザーがクリックまたは移動した項目を強調表示する色を選択できます。 この機能は、ユーザーが現在有効な項目を識別し、ユーザーエクスペリエンスを向上させます。
   
4. 必須マーク(*)：この機能では、必須項目を示す記号(*)の色を選択することができます。
   

1. 値：この機能は、ユーザーが項目に入力するテキストの色を定義します。
2. 背景：この機能では、項目内の背景領域の色を制御できます。
3. ボーダー：この機能により、項目のボーダーの色をカスタマイズできます。
4. ボーダー形状：ここでは、フォームに適した項目のボーダースタイルを選択できます。

1. 背景：この機能では、複数選択項目、スライダー項目、ドロップダウン、日付ピッカー、ホバーテキストなどのピッカー項目の背景色を制御できます。

ここでは、次の項目をカスタマイズできます：

1. ボーダーの幅：この機能を使用すると、入力項目のボーダーの厚みを調整できます。
   
2. 水平間隔：この機能を使用すると、フォームコンテナの左側と右側の項目のスペース調整が可能です。
   
3. 垂直間隔 - 項目間：この機能は項目間のスペース調整を可能にします。

1. テキスト：ここでは、エラーメッセージのテキストの色を選択することができます。
   
2. アイコン：各項目内のアイコンの表示設定を制御できます。表示するか、または隠すことを選択できます。
   

特別な項目

特別な項目はオンラインフォームの基本的なテキストボックスやドロップダウンを超えて拡張します。それらは独特な方法でユーザーの入力を取得し、ユーザー体験を向上させます。以下に、一般的な特別な項目の内訳とそれらのカスタマイズ方法を紹介します。

サブフォーム - インライン

これらのサブフォームはメインフォーム内に直接表示されます。背景オプションを使用して、インラインサブフォームの背景色を定義し、メインフォームと視覚的に区別できます。サブフォームがポップアップタイプの場合、コンテナ＞ポップアップ背景の下で背景色をカスタマイズできます。
これは、インラインのサブフォームと追加のエントリーカードに適用されます。

選択肢項目

ラジオボタンやチェックボックスなどの選択肢項目はカスタマイズできます

1. テキスト：テキストは選択肢項目の設定に関連するテキストの色を選択可能にします。これにより、背景に対する読みやすさが確保されます。
   
2. 選択：これは、ユーザーが選択したオプションをハイライトする色を定義します。これにより、ユーザーに視覚的な確認が提供されます。
   

これはラジオ、チェックボックス、マトリックス選択項目に適用されます。

スライダー

選択：ここでは、ユーザーがスライダーを動かすときにスライダーバーが埋められる色を選択できます。これはユーザーの選択を示します。

評価

選択した評価形状（星やハートなど）によって、ユーザーが評価レベルを選択した時に形状を埋める色をカスタマイズできます。これは選択した評価を視覚的に表現します。

マトリックス選択

適切なテーブルスタイルとテーブルの背景色を選択することで、マトリックス選択の全体的な外観をカスタマイズできます。

ボタン

1. スタンダード:ここのボタンは予め設定された寸法があります。スタンダードボタンサイズを選択すると、ボタンのコンテナ内位置を決定できます。初期設定のボタン配置を維持するか、またはボタン配置オプションで左寄せ、中央寄せ、右寄せが可能です。
   
2. フィット・トゥ・スクリーン: この機能により、ボタンはユーザーの画面幅に基づいて適応およびリサイズします。