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