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

スタイル

スタイルにより、フォーム全体のレイアウトや視覚的なプレゼンテーションを変更することが可能です。ここでは、フォームのコンテナとヘッダーの見た目をできること調整します。

1. 初期設定： このスタイルは定義されたコンテナを持ち、フォームに対するクリアな視覚的な境界線を提供します。
2. 透明： このスタイルは、フォーム要素のために透明なコンテナを作成します。これにより、フォームが周りの背景とシームレスに混合します。この設計の選択は、フォームが全体的なページレイアウトにスムーズに統合され、一貫性のある美的見た目を保つことを保証します。透明性は、周囲のコンテンツから注意をそらさない形で、フォームの項目自体に焦点を当てるのに役立ちます。
3. デッキ： このスタイルでは、フォーム内の各要素が独自の専用コンテナを持つようになります。つまり、各項目が自分専用の空間を持ち、視聴者がフォームを操作し、情報を入力するのが容易になります。項目が重複して混乱や不満を引き起こすことはありません。

1. スクロール可能： このスタイルでは、ユーザーがフォームをスクロールするとともにヘッダーが動くようになります。これは、ヘッダーが占めるスペースが多すぎてユーザーの表示を阻害する可能性がある、短いフォームに最適です。
2. 固定： このスタイルを使用すると、ユーザーがフォームを下方向にスクロールしても、ヘッダーはコンテナの上部に固定された位置に保持されます。これは、ユーザーがヘッダーの情報を参照する必要がある長いフォームに役立ちます。

フォント

壁紙

1. 単色背景
   単色の背景を適用するには、事前に定義されたカラーパレットから色を選択するか、カラーピッカーを使用してあなたの既存のブランド色と完全に一致する色を選択してください。
   
2. グラデーション色背景
   グラデーション色を使用すると、滑らかな色の遷移を持つ背景を作成することができます。ここでは、グラデーションの始点と終点に対して2つの異なる色を選択することができます。
   
1. 角度： グラデーション内の色の遷移の角度を調整できるスライダーが含まれています。これにより、色の混合の方向を調整できます。
   
   
   

この機能を使用すると、視聴者を魅了し、あなたのブランドと調和する背景に画像を追加することができます。 この場所では、あなたのデバイスから画像をアップロードするか、あらかじめデザインされた背景を使用するか、またはPixabayから画像を追加することができます。背景画像を追加した後は、画像の位置を揃える、フィットさせる、またはその透過度を調整することができます。

バナー

画像

1. スタイル1：ここでは、バナーはフォームコンテナの上部に固定されています。
   
2. スタイル2：ここでは、バナーはフォームコンテナとは無関係の位置に配置されます。

ヘッダー

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

フォーム件名

この機能を使用すると、フォームの件名に色を選択することができます。件名には特別な色を設定し、それをヘッダーの中心的存在にすることで、ユーザーの注目を集め、フォームの目的を明瞭に伝えます。

フォームの説明

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

背景

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

フォントファミリー

この設定を使用すると、フォームのヘッダーテキストのフォント種類を選択することができます。ブランドの特性に合ったクリアで読みやすいフォントを選択します。

ロゴ

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

画像サイズ

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

画像の配置

この機能は、フォームヘッダー内のロゴ、件名、説明の配置を調整します。利用可能なスタイルから画像配置を選択し、整頓されたレイアウトを作成します。

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

1. 境界線：この機能を使うと、フォームヘッダーを囲む境界線に色を選択することができます。
2. 境界線の幅：この機能は、フォームヘッダーの境界線の厚さを調整するためのものです。
3. エッジ：エッジスライダーは、フォームヘッダーの角を調整するのに使用します。
4. 外部間隔：この機能を使うと、フォームの上、左、右のエッジからヘッダーの間隔を調整することができます。
5. 内側の水平間隔：この機能は、フォームヘッダーの左右エッジからヘッダーコンテンツの間隔を調整するためのものです。
6. 内側の垂直間隔：この機能を使うと、フォームヘッダーの上下の間隔を調整することができます。
   

ページ

フォームに複数のページがある時、よく設計されたナビゲーション棒グラフはユーザーをスムーズに完成プロセスへと導きます。

ナビゲーション棒グラフ

ナビゲーション棒グラフはユーザーにフォーム内の進行状況を明確に理解する手助けとなります。

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. スタンダード:この設定では、ボタンには既定の寸法が設定されています。スタンダードボタンのサイズを選択すると、コンテナ内のボタンの位置を選択するオプションが提供されます。ボタンの初期設定の配置を維持するか、またはButton Alignmentオプションの下で左、中央、または右に配置することができます。
   
2. Fit to Screen: この機能を有効にすると、ボタンがユーザーの画面幅に合わせて拡大および調整します。