フォームレイアウトの作業

レイアウトを追加する

作成したいフォームの種類に応じて、複数のあらかじめ定義されたレイアウトをデザインに追加できます。各ページに異なるレイアウトを追加できます。

レイアウトを追加するには:

1. エディターの左側ペインで 「レイアウト」 タブをクリックします。

2. レイアウトを編集エリアにドラッグします。以下の種類のレイアウトを選択して組み合わせることができます:

   • フルワイドレイアウト - デザインの全幅まで伸びる縦のスロットです。
   • ハーフワイドレイアウト - 同じ大きさの縦のスロットを2つに分割した列。
   • 1/3 - 2/3 レイアウト - 2つの縦のスロットに分かれ、最初のスロットは2つ目の半分の幅を持つ列。
   • 2/3 - 1/3 レイアウト - 2つの縦のスロットに分かれ、最初のスロットは2つ目のスロットの2倍の幅を持つ。
   • 3 X 1/3 レイアウト - 3つの同じ大きさの縦のスロットに分割された列。
   • 4 X 1/4 レイアウト - 4つの同じ大きさの縦型スロットに分割された列。

   レイアウトを増やすために同じプロセスを繰り返します。

レイアウトの移動、複製、または削除

レイアウトを動かして、デザイン内の列の順序を変えることができます。

設計の時間を節約するために、レイアウトを複製することができます。複製したレイアウトは元のレイアウトの下に新しい行として挿入されます。

カスタムレイアウトを保存して再利用することもできます。名前を付けて保存した後、レイアウトタブからアクセスできます。

レイアウトを移動、複製、削除、またはカスタムレイアウトを保存するには:

1. 編集エリアで、マウスをレイアウトにカーソル合わせると アクション メニューが表示されます:

   

2. アクションメニューでは:

   • 編集エリアの別の行にレイアウトを移動するには、「 Move 」をクリックし、レイアウトを別の行にドラッグしてください。
   • レイアウトのコピーを作成し、そのアイテムや設定を含めて、「 Duplicate 」をクリックしてください。
   • レイアウトをデザインから削除するには、「 削除 」をクリックしてください。
   • レイアウトデザインを将来のために保存するには、「カスタムレイアウトを保存」をクリックします 。

レイアウトの設定を編集します

レイアウト設定を編集するには:

1. 編集エリアで、マウスをレイアウトにカーソル合わせて アクション メニューを表示し、「 Settings 」をクリックします。
2. 右側の レイアウト設定 ペインで、以下を設定できます:
   • パディング - パディングオプションを表示し、0から2000までのパディングを入力するには をクリックしてください。
   • レイアウトカラー - レイアウトの色を選択します。デフォルトの色は透明色です。
   • ボーダー幅 - 数字を入力してレイアウトの枠の幅を編集してください。
   • ボーダー半径 - 数字を入力して、境界の半径を0(長方形)から2000(円)まで編集します。
   • レイアウトのボーダーカラー - レイアウトのボーダーカラーを選択します。
   • コンテンツ追加 背景画像 - 画像ピッカー を開き、コンテンツ背景画像を選択してアップロードします。選択した画像はレイアウトの幅内に適用されます。
   • 背景画像を変更する - 新しい背景画像を選択して現在のものを置き換えるボタンをクリックしてください。
   • 背景画像を削除 - 現在の背景画像を削除するためにクリックします。
   • レイアウトスロットの設定を変更するには、 スロット のドロップダウンメニューをクリックしてください。背景色、縦方向のアライメント、境界半径を設定できます。