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

スタイル

スタイルを使うことで、フォームの全体的なレイアウトと視覚的なプレゼンテーションを変更できます。ここでは、フォームのコンテナとヘッダーの外観をできること調整します。

1. 初期設定: このスタイルは定義済みのコンテナを持ち、フォームに明確な視覚的な境界を提供します。
2. 透明: このスタイルは、フォームの要素のための透明なコンテナを生成し、フォームを背景とシームレスにブレンドさせます。これにより、フォームが全体的なページレイアウトにスムーズに統合し、統一感と美的魅力を保つことができます。透明性は、周囲のコンテンツから散漫させずにフォーム項目自体に焦点を合わせるのに役立ちます。
3. デッキ: このスタイルを使用すると、フォーム内の各項目が専用のコンテナを持つことになります。つまり、各項目がそれ自体で確保された空間を持つことになり、視聴者が問題項目を探しやすくなります。重複した項目による混乱や不快感がなくなります。

1. スクロール可能: このスタイルは、ユーザーがフォームをスクロールしていくにつれてヘッダーが動くことを可能にします。ヘッダーが大きすぎてスペースを取りすぎ、ユーザーの表示を阻害する可能性がある短いフォームで理想的です。
2. 固定: このスタイルでは、ユーザーがフォームを下にスクロールしてもヘッダーがコンテナの上部に固定された位置に保たれます。これは、ユーザーがヘッダーの情報を参照する必要がある長いフォームの場合に有用です。

フォント

壁紙

1. 単色の背景
   単色の背景を適用するには、事前に定義されたカラーパレットから色を選択するか、既存のブランドカラーと完全に一致する色を選択するためにカラーピッカーを使用できます。
   
2. グラデーションの背景色
   グラデーションの背景色を使用すると、滑らかに色が変化する背景を作成できます。ここでは、グラデーションの始点と終点で2つの異なる色を選択できます。
   
1. 角度: グラデーション内の色の移行角度を調整できるスライダーが機能として備わっています。これにより、色のブレンド方向を制御できます。
   
   
   

この機能を使用すれば、観客を引きつけ、ブランドに共感を呼び起こすために、フォームの背景に画像を追加することができます。ここでは、自分のデバイスから画像をアップロードする、事前にデザインされた背景を使用する、またはPixabayから画像を追加することができます。背景画像を追加した後、それを整列させる、フィットさせる、またはその透明度を調整することができます。

バナー

画像

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

ヘッダー

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

ページ

フォームが複数のページで構成されている場合、よく設計されたナビゲーション棒グラフがユーザーをスムーズに進行させます。

ナビゲーション棒グラフ

ナビゲーション棒グラフは、ユーザーがフォーム内での進行状況をクリアに理解するのに役立ちます。

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. オプションスタイル: この機能は、オプション項目のスタイルを選択することができます。
3. ボックス背景: ラジオボタンとチェックボックス項目の背景色を変更し、視覚的魅力を向上させることができます。
4. テキスト: テキストは背景に対する読みやすさを確保するために、選択項目のテキストの色を選択することができます。
5. 選択: これは、ユーザーが選択したオプションをハイライトする色を決定し、ユーザーに視覚的な確認を提供します。

これはラジオボタン、チェックボックス、マトリックス選択項目、画像選択項目、その他に適用します。

スライダー

選択: ここでは、ユーザーがスライダーバーを動かすと色がつくように、その色を選択することができます。

評価

選択した評価形状（星、ハートなど）に応じて、ユーザーが評価レベルを選択すると形状が色付きになるように、その色をカスタマイズできます。これは選択した評価の視覚表現を提供します。

マトリックス選択

適切なテーブルスタイルを選択することにより、マトリックス選択項目の全体的な見た目をカスタマイズできます。 質問 & 回答 セクションとテーブルの背景 の背景色を別々に選択する設定も提供されています。

ボタン

1. スタンダード:この設定では、ボタンには事前設定された寸法が付属しています。スタンダードなボタンサイズを選択すると、コンテナ内でボタンの位置を決める柔軟性が生まれます。ボタンの初期設定の整列を保持するか、またはボタンの配置というオプションの下でそれらを左、中央、または右に整列させる選択肢があります。
   
2. 画面に合わせる: この機能は、ボタンがユーザーの画面幅に応じて拡大し、調整することを可能にします。