フォームレイアウトの作業
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
エディターでフォームをデザインする際、通常は複数のレイアウトで構成される全体の構造を設計することから始めます。編集エリアに異なるレイアウトをドラッグ&ドロップし、空白のワークスペースを別の行に分割することで行を進めます。各列には異なるスロットを設けて、デザインを作る ためのアイテムを追加 できます。
レイアウトを追加する
作成したいフォームの種類に応じて、複数のあらかじめ定義されたレイアウトをデザインに追加できます。各ページに異なるレイアウトを追加できます。
レイアウトを追加するには:
-
エディターの左側ペインで、Layoutsタブをクリックします。
-
編集エリアにレイアウトをドラッグします。以下の種類のレイアウトを選択して組み合わせることができます:
-
Full Width Layout - デザインの全幅まで伸びる垂直スロット。
-
Half Width Layout - 同じ大きさの縦のスロットを2つに分割した列。
-
1/3 - 2/3 Layout - 2つの縦のスロットに分割された列で、最初のスロットは2つ目のスロットの半分の幅を持つ。
-
2/3 - 1/3 Layout - 2つの縦のスロットに分割された列で、最初のスロットは2番目のスロットの2倍の幅を持つ。
-
3 X 1/3 Layout - 3つの同じ大きさの縦のスロットに分割された列。
-
4 X 1/4 Layout - 4つの同じ大きさの縦のスロットに分割された列。
レイアウトを増やすために同じプロセスを繰り返します。
-
レイアウトの移動、複製、または削除
レイアウトを動かして、デザイン内の列の順序を変えることができます。
設計の時間を節約するために、レイアウトを複製することができます。複製されたレイアウトは元のレイアウトの下に新しい行として挿入されます。
カスタムレイアウトを保存して再利用することもできます。名前を付けて保存した後、Layoutsタブでこのレイアウトにアクセスできます。
レイアウトを移動、複製、削除、またはカスタムレイアウトを保存するには:
-
編集エリアで、マウスをレイアウトにカーソル合わせるとActionsメニューが表示されます:
-
Actionsメニューでは:
-
編集エリアでレイアウトを別の行に移動するには、Move
をクリックしてレイアウトを別の行にドラッグしてください。 -
レイアウトのコピーを作成したい場合は、アイテムや設定を含めてDuplicate
をクリックしてください。 -
レイアウトをデザインから削除するには、Remove
をクリックしてください。 -
レイアウトデザインを将来の利用のために保存するには、Save custom layout
をクリックしてください。
-
レイアウトの設定を編集します
レイアウト設定を編集するには:
-
編集エリアで、レイアウトにマウスを合わせてActionsメニューを表示し、Settings
をクリックします。 -
右側のLayout settingsパネルで、以下を設定できます:
-
Padding -
をクリックするとパディングオプションが表示され、0から2000までのパディングを入力します。 -
Layout Color - レイアウトの色を選択します。デフォルトの色は透明です。
-
Border Width - 数字を入力し(または
をクリック)、レイアウトの枠の幅を編集してください。 -
Border Radius - 数字を入力(または
をクリック)して、境界の半径を0(長方形)から2000(円)まで編集します。 -
Layout Border Color - レイアウトの境界色を選択します。
-
Add Content Background Image- 画像ピッカー を開き、コンテンツの背景画像を選択してアップロードします。選択した画像はレイアウトの幅内に適用されます。
-
Change Background Image - クリックして新しい背景画像を選択し、現在の背景画像を置き換えます。
-
Remove Background Image - クリックして現在の背景画像を削除します。
-
レイアウトスロットの設定を変更するには、Slotドロップダウンメニューをクリックしてください。背景色、縦方向のアライメント、境界半径を設定できます。
-