ブロック上で、右クリックしてコンテキストメニューを表示>「その他」>「デザイン設定」をクリックします
問い合わせ
項目名 | 説明 | |
---|---|---|
フォーム |
全体のスタイル | 問い合わせフォーム全体に適用されます。 |
全体幅 | 問い合わせフォーム全体の幅を「%」指定で設定できます。 | |
フォーム幅 | 問い合わせフォームのテキスト記入エリアの幅を設定できます。 | |
ラベル |
ラベルのスタイル | 問い合わせフォームのラベルに適用されます。 |
アイコン | チェックを入れて画像を設定すると、 ラベルの先頭にアイコンを表示します。 | |
区切り線 | チェックを入れて画像を設定すると、 ラベルとラベルの間に区切り線を表示します。 | |
必須 | 項目編集画面で「必須入力」にチェックを入れたフォームに表示されるテキストか画像を設定できます。 | |
任意 | 項目編集画面で「必須入力」にチェックが入っていないフォームに表示されるテキストか画像を設定できます。 | |
その他 |
その他のスタイル |
入力フォームに適用されます。 |
アイコン | チェックを入れて画像を設定すると、入力フォームの先頭にアイコンを表示します。 | |
コメント |
コメントのスタイル | 問い合わせフォームの上部に表示されるコメントに適用されます。 |
アイコン | チェックを入れて画像を設定すると、 コメントの先頭にアイコンを表示します。 | |
コメント | コメントに表示する内容です。 | |
ボタン |
ボタンのスタイル | OKボタンに適用されます。 |
OKボタン | 画像を設定すると画像ボタン、設定しない場合はテキストボタンになります。 |
※スマートデバイス独自HTMLでは、コメント内容とボタン画像の設定のみ反映されます。
デザインはスタイルエディタか外部スタイルシートファイルで設定します。
「モバイルページ」参照
選択中のフォームに付与されるclass属性
InputFormBackgroundColor
スタイルエディタか外部スタイルシートで、上記クラス名を指定することで選択中のフォームにスタイルの適用が可能です。
エラーメッセージ
入力チェックに引っかかった場合の、エラーメッセージ表示部分のデザインを設定します。
項目名 | 説明 | |
---|---|---|
エラーメッセージ |
エラーメッセージのスタイル | エラーメッセージに適用されます。 |
アイコン | チェックを入れて画像を設定すると、ラベルの先頭にアイコンを表示します。 |
※スマートデバイス独自HTMLでは、デザインはスタイルマスタか外部スタイルシートファイルで設定します。
「モバイルページ」参照
確認画面
内容確認画面のデザインを設定します。
項目名 | 説明 | |
---|---|---|
ラベル |
ラベルのスタイル | 確認画面のラベルに適用されます。 |
アイコン | チェックを入れて画像を設定すると、 ラベルの先頭にアイコンを表示します。 | |
その他 |
その他のスタイル |
確認画面の入力内容に適用されます。 |
アイコン | チェックを入れて画像を設定すると、入力内容の先頭にアイコンを表示します。 | |
コメント |
コメントのスタイル | 入力内容確認の上部に表示されるコメントに適用されます。 |
アイコン | チェックを入れて画像を設定すると、 コメントの先頭にアイコンを表示します。 |
|
コメント | コメントに表示する内容です。 | |
ボタン |
ボタンのスタイル | OKボタン、戻るに適用されます。 |
OKボタン | 画像を設定すると画像ボタン、設定しない場合はテキストボタンになります。 | |
戻るボタン | 画像を設定すると画像ボタン、設定しない場合はテキストボタンになります。 |
※スマートデバイス独自HTMLでは、コメント内容とボタン画像の設定のみ反映されます。
デザインはスタイルマスタか外部スタイルシートファイルで設定します。
「モバイルページ」参照
完了画面
問い合わせ送信完了画面のデザインを設定します。
項目名 | 説明 | |
---|---|---|
完了画面 |
完了画面のスタイル | 完了メッセージに適用されます。 |
アイコン | チェックを入れて画像を設定すると、コメントの先頭にアイコンを表示します。 | |
コメント | 完了メッセージとして表示するコメント内容です。 |
※スマートデバイス独自HTMLでは、コメント内容のみ反映されます。
デザインはスタイルマスタか外部スタイルシートファイルで設定します。
「モバイルページ」参照