ver.2サポートサイト

HOME機能サイト管理ブロック削除フォームブロックのビジュアル設定

削除フォームブロックのビジュアル設定

機能概要

フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコンテンツ作成/編集ができます。

機能仕様

・ビジュアル設定ではフィールドの並び順変更やレイアウト変更が行えます。
※ビジュアル設定になっているフォームブロックをソース設定に変更することは可能ですが、一度ソース設定にしたフォームブロックをビジュアル設定に変更することはできません。

削除フォームブロック作成

ブロック一覧

サイト管理画面から削除フォームブロックを作成します。

削除フォームブロックを作成する場合、サイト管理の左メニューからテスト環境>ブロックをクリック、ブロック一覧のプルダウンから「削除フォーム」を選択します。

選択後、「+」ボタンをクリックします。

 

ブロック作成モーダル

フォームブロックの追加モーダルが表示されますので、必要事項を記入します。
削除フォームブロックの場合、「作成」ボタンをクリックすることで、削除フォームブロックが自動生成されます。

 

削除フォームブロック設定

ビジュアル設定の場合、削除フォームタブからフォームの設定が行えます。

テキストパーツ

テキストパーツはフォームの各フィールドとは独立したテキストブロックを追加することができます。

フォームページのタイトルや説明テキストなどに使用できます。

※テキストパーツはhtmlタグを使用して編集することはできません。(htmlタグがそのまま表示されます)

テキストリンク

外部ページのリンク指定や同サイト内の別ページのリンク指定を行うことができます。

▼外部ページ

▼サイト内ページ選択

ファイル挿入

サイトファイルのファイルを挿入することができます。

▼新規ファイル追加

▼既存ファイル選択

認証レコード値挿入

テキストパーツ内に認証DB内のレコード値を引用表示します。

パーツ追加

フィールドの上下にマウスカーソルをあわせると「+」ボタンが表示されます。

こちらから引用値表示パーツ、テキスト、同意チェックボックスの追加ができます。

引用値表示パーツ追加

DB内に登録された値をフォーム上で表示するためのフィールドパーツを追加します。

「引用値表示パーツ」をクリックすると、引用値表示パーツ追加モーダルが表示されます。

 

引用元では「認証レコード引用」と「クエリパラメータ引用」のいずれかを選択、フィールドからは引用DB内のフィールドを選択し追加ボタンをクリックします。

引用元の設定

引用元 認証レコード引用

フォームの更新/削除対象レコードが認証レコードの場合選択できます。フォーム上に認証DB内のレコード値を引用表示します。

クエリパラメータ引用

フォームの更新/削除対象レコードがクエリパラメータ指定レコードの場合選択できます。フォーム上に更新/削除対象DB内のレコード値を引用表示します。

メールアクション

フォームから削除を行った後、サンキューメールや通知メールを送信することができます。

詳しくはメールアクションをご参照ください。

完了

確認ステップページと同様に完了ページの作成ができます。

また、左メニューの歯車アイコンから完了時の動作を設定できます。HTMLだけではなく別ページへのリダイレクト設定も可能です。

詳しくは完了ステップをご参照ください。

エラー

エラーページの作成ができます。詳しくはエラーステップをご参照ください。

スタイル

ビジュアル設定での「スタイル」ではCSSを触ることなくフォームページの見た目を変更できます。

右上の「カスタマイズ切替」からさらに細かな設定ができます。

シンプル

少ないスタイルの指定で全体の統一感を設定します。

項目名 設定可能スタイル 説明
テーマ
    • ベーシック/クラシック
フォームページ全体のデザインをテーマから選択できます
ラベルエリア
  • 背景色
  • 文字色
各フィールドのタイトル部分のデザインを編集できます
送信ボタン
  • 背景色
  • 文字色
送信ボタンのデザインが編集できます

カスタマイズ

より多くのスタイル要素を細かく指定できます。

項目名 設定可能スタイル 説明
全体
  • 横幅( 70%/80%/90%/100% )
  • パーツ間隔(あり/なし)
  • 背景色
  • 文字色
  • 枠線
    • タイプ/色
フォームページ全体のデザインを編集できます
フィールドタイプ
  • 配置(左右/上下)
  • 枠線
    • タイプ/色
各フィールドの配置レイアウト/枠線のタイプと色が編集できます
ラベルエリア
  • 背景色
  • 文字色
各フィールドのタイトル部分の背景色/文字色が編集できます
レコード値エリア
  • 背景色
  • 文字色
各フィールドの入力エリアと認証レコード値の背景色、ヘルプテキスト/エラーメッセージの文字色が編集できます
テキストパーツ
  • 枠線
    • タイプ/色
テキストパーツの枠線のタイプ/色が編集できます
送信ボタン
  • 背景色
  • 文字色
  • 枠線
    • タイプ/色
送信ボタンの背景色/文字色/枠線のタイプ/色が編集できます
同意チェックボックス
  • 背景色
  • 文字色
同意チェックボックスの背景色/文字色が編集できます

 

JS

設定したJavaScriptは削除フォームブロックのJavaScriptに適用されます。

設定したJavaScriptは「共通ソースCSS/JavaScript」「ページのCSS/JavaScript」より後に読み込まれます。

詳細はこちらをご確認ください。

共通設定

デフォルトメッセージ設定の設定内容を適用することができます。