フォームレンダリング

フォームレンダリングテンプレートの選択

フォーム設定により、ページ生成に使用するテンプレートを選択できます。これらにアクセスするには、フォームの詳細ツールバーの​設定​ボタンをクリックして、「レンダリング」タブを選択します。デフォルトで、多数のテンプレート(スタイルシート)を使用できます。

エディターの下部のセクションで、選択したテンプレートのレンダリングを表示できます。

ズーム機能を使用すると、選択したテンプレートを編集できます。

これらのテンプレートを修正または上書きできます。これをおこなうには、「ページレイアウト」リンクをクリックして、情報をパーソナライズします。

次の操作をおこなうことができます。

  • ロゴとして使用する画像を変更し、サイズを適応させます。
  • また、ユーザーがこのレンダリングテンプレートを選択する際にプレビュー画像にアクセスするためのパスを指定します。

ヘッダー/フッター」タブを使用すると、このテンプレートを使用する各フォームページのヘッダーおよびフッターに表示される情報を変更できます。

ページヘッダー」および「ページフッター」セクションの各行は、HTML ページの各行に対応します。新しい行を作成するには、「追加」をクリックします。

既存の行を選択して、「詳細」ボタンをクリックしてパーソナライズします。

各タブで、行のコンテンツを変更したり、境界線を追加したり、フォント属性を変更したりできます。「OK」をクリックして、これらの変更を確定します。

位置」フィールドを使用すると、ページヘッダーおよびフッターの要素の位置を定義できます

メモ

レンダリングテンプレートは、管理/設定/フォームレンダリング​ノードに格納されます。
詳しくは、フォームのレンダリングのカスタマイズを参照してください。

フォームのレンダリングのカスタマイズ

要素のレイアウトの変更

フォームの各要素(入力フィールド、画像、ラジオボタンなど)について、スタイルシートをオーバーロードできます。

これをおこなうには、「詳細設定」タブを使用します。

次のプロパティを定義できます。

  • ラベルの位置ラベルの位置の定義を参照

  • ラベルのフォーマット:テキストを折り返す、または折り返さない

  • セル数ページへのフィールドの配置を参照

  • 水平方向の整列(左、右、中央揃え)および​垂直方向の整列(高、低、中央)。

  • ゾーンの​:これは、パーセンテージまたは em、point、pixel(デフォルト値)で表示できます。

  • 最大の​長さ:許容される最大文字数(テキスト、数値およびパスワードタイプのコントロール)

  • ライン複数ラインテキスト​タイプのゾーンのライン数。

  • スタイルインライン:CSS スタイルシートを追加の設定でオーバーロードできます。これらは、次の例のように、; 文字を使用して区切られます。

ヘッダーとフッターの定義

フィールドは、ルートがページと同じ名前のツリー構造で並んでいます。フィールドを選択して、名前を修正します。

ウィンドウのタイトルは、フォームプロパティウィンドウの「ページ」タブに入力されている必要があります。また、ページヘッダーとフッターにセットコンテンツを追加できます(この情報は、すべてのページに表示されます)。このコンテンツは、次に示すように、「テキスト」タブの一致するセクションに入力されます。

HTML ヘッダーへの要素の追加

フォームページの HTML ヘッダーに挿入する追加の要素を入力できます。これをおこなうには、関連するページの「ヘッダー」タブに要素を入力します。

これにより、例えば、ページのタイトルバーに表示されるアイコンを参照できます。

コントロール設定の定義

ユーザーがフォームに入力する際に、形式または設定に応じて、特定のフィールドに対するチェックが自動的に実行されます。これにより、特定のフィールドを必須にしたり(必須フィールドの定義を参照)、入力されたデータの形式をチェックしたり(データフォーマットのチェックを参照)できます。(アウトバウンドトランジションを有効にするリンクまたはボタンをクリックすることで)ページの承認中にチェックが実行されます。

必須フィールドの定義

特定のフィールドを必須にするには、フィールドの作成時にこのオプションを選択します。

フィールドに入力することなく、ユーザーがこのページを承認すると、次のメッセージが表示されます。

メッセージをパーソナライズ」リンクをクリックすることで、このメッセージをパーソナライズできます。

フィールドに入力することなく、ユーザーがこのページを承認すると、次のメッセージが表示されます。

データ形式のチェック

その値がデータベースの既存のフィールドに格納されるフォームのチェックの場合、ストレージフィールドのルールが適用されます。

その値が変数に格納されるフォームのチェックの場合、承認ルールは変数の形式によって異なります。

例えば、数値​チェックを作成してクライアント番号をチェックする場合、次のようになります。

ユーザーは、フォームフィールドに整数を入力する必要があります。

フィールドの条件付き表示の定義

ユーザーが選択した値に基づいて表示されるページでのフィールドの表示を設定できます。これは、1 つのフィールドまたはフィールドグループ(コンテナでグループ化されている場合)に適用できます。

グループの各要素について、「表示」セクションを使用して表示条件を定義できます。

条件は、データベースフィールドまたは変数の値が関係する可能性があります。

フィールドの選択ウィンドウで、次のデータから選択できます。

  • メインツリーには、フォームコンテキストのパラメーターが含まれます。デフォルトパラメーターは、識別子(受信者の暗号化された識別子に一致)、言語および接触チャネルです。

    詳しくは、このページを参照してください。

  • 受信者​サブツリーには、フォームに挿入され、データベースに格納された入力フィールドが含まれます。

    詳しくは、データベースへのデータの格納を参照してください。

  • 変数​サブツリーには、このフォームで使用可能な変数が含まれます。詳しくは、ローカル変数へのデータの格納を参照してください。

詳しくは、選択した値に応じた異なるオプションの表示で説明されている使用例を参照してください。

また、テスト​オブジェクトを使用するフォームページの表示に条件を設定することもできます。詳しくは、このページを参照してください。

既存のフォームからの要素のインポート

他の Web フォームからフィールドまたはコンテナをインポートできます。これにより、アドレスブロック、ニュースレターの購読エリアなど、フォームに挿入される再利用可能なブロックのライブラリを作成できます。

要素をフォームに挿入するには、次の手順に従います。

  1. 1 つまたは複数の要素を挿入するページを編集し、ツールバーの​既存のブロックをインポート​をクリックします。

  2. インポートするフィールドを含む Web フォームを選択し、インポートするコンテナおよびフィールドを選択します。

    メモ

    ソースフォーム名の右側にある​リンクを編集​アイコンを使用すると、選択した Web フォームを表示できます。

  3. OK」をクリックして、挿入を確定します。

このページ