削除フォームブロックのビジュアル設定
機能概要
フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコンテンツ作成/編集ができます。
機能仕様
・ビジュアル設定ではフィールドの並び順変更やレイアウト変更が行えます。
※ビジュアル設定になっているフォームブロックをソース設定に変更することは可能ですが、一度ソース設定にしたフォームブロックをビジュアル設定に変更することはできません。
削除フォームブロック作成
ブロック一覧
サイト管理画面から削除フォームブロックを作成します。
削除フォームブロックを作成する場合、サイト管理の左メニューからテスト環境>ブロックをクリック、ブロック一覧のプルダウンから「削除フォーム」を選択します。
選択後、「+」ボタンをクリックします。
ブロック作成モーダル
フォームブロックの追加モーダルが表示されますので、必要事項を記入します。
削除フォームブロックの場合、「作成」ボタンをクリックすることで、削除フォームブロックが自動生成されます。
削除フォームブロック設定
ビジュアル設定の場合、削除フォームタブからフォームの設定が行えます。
テキストパーツ
テキストパーツはフォームの各フィールドとは独立したテキストブロックを追加することができます。
フォームページのタイトルや説明テキストなどに使用できます。
※テキストパーツはhtmlタグを使用して編集することはできません。(htmlタグがそのまま表示されます)
テキストリンク
外部ページのリンク指定や同サイト内の別ページのリンク指定を行うことができます。
▼外部ページ
▼サイト内ページ選択
ファイル挿入
サイトファイルのファイルを挿入することができます。
▼新規ファイル追加
▼既存ファイル選択
認証レコード値挿入
テキストパーツ内に認証DB内のレコード値を引用表示します。
パーツ追加
フィールドの上下にマウスカーソルをあわせると「+」ボタンが表示されます。
こちらから引用値表示パーツ、テキスト、同意チェックボックスの追加ができます。
引用値表示パーツ追加
DB内に登録された値をフォーム上で表示するためのフィールドパーツを追加します。
「引用値表示パーツ」をクリックすると、引用値表示パーツ追加モーダルが表示されます。
引用元では「認証レコード引用」と「クエリパラメータ引用」のいずれかを選択、フィールドからは引用DB内のフィールドを選択し追加ボタンをクリックします。
引用元の設定
引用元 | 認証レコード引用 |
フォームの更新/削除対象レコードが認証レコードの場合選択できます。フォーム上に認証DB内のレコード値を引用表示します。 |
---|---|---|
クエリパラメータ引用 |
フォームの更新/削除対象レコードがクエリパラメータ指定レコードの場合選択できます。フォーム上に更新/削除対象DB内のレコード値を引用表示します。 |
メールアクション
フォームから削除を行った後、サンキューメールや通知メールを送信することができます。
詳しくはメールアクションをご参照ください。
完了
確認ステップページと同様に完了ページの作成ができます。
また、左メニューの歯車アイコンから完了時の動作を設定できます。HTMLだけではなく別ページへのリダイレクト設定も可能です。
詳しくは完了ステップをご参照ください。
エラー
エラーページの作成ができます。詳しくはエラーステップをご参照ください。
スタイル
ビジュアル設定での「スタイル」ではCSSを触ることなくフォームページの見た目を変更できます。
右上の「カスタマイズ切替」からさらに細かな設定ができます。
シンプル
少ないスタイルの指定で全体の統一感を設定します。
項目名 | 設定可能スタイル | 説明 |
---|---|---|
テーマ |
|
フォームページ全体のデザインをテーマから選択できます |
ラベルエリア |
|
各フィールドのタイトル部分のデザインを編集できます |
送信ボタン |
|
送信ボタンのデザインが編集できます |
カスタマイズ
より多くのスタイル要素を細かく指定できます。
項目名 | 設定可能スタイル | 説明 |
---|---|---|
全体 |
|
フォームページ全体のデザインを編集できます |
フィールドタイプ |
|
各フィールドの配置レイアウト/枠線のタイプと色が編集できます |
ラベルエリア |
|
各フィールドのタイトル部分の背景色/文字色が編集できます |
レコード値エリア |
|
各フィールドの入力エリアと認証レコード値の背景色、ヘルプテキスト/エラーメッセージの文字色が編集できます |
テキストパーツ |
|
テキストパーツの枠線のタイプ/色が編集できます |
送信ボタン |
|
送信ボタンの背景色/文字色/枠線のタイプ/色が編集できます |
同意チェックボックス |
|
同意チェックボックスの背景色/文字色が編集できます |
JS
設定したJavaScriptは削除フォームブロックのJavaScriptに適用されます。
設定したJavaScriptは「共通ソースCSS/JavaScript」「ページのCSS/JavaScript」より後に読み込まれます。
詳細はこちらをご確認ください。
共通設定
デフォルトメッセージ設定の設定内容を適用することができます。