窗体渲染

选择表单渲染模板

通过表单设置,您可以选择用于生成页面的模板。 要访问这些页面,请单击 Properties 按钮,然后选择 Rendering 选项卡。 默认情况下,有许多模板(样式表)可用。

通过编辑器的底部,可以查看所选模板的渲染。

缩放功能允许您编辑选定的模板。

您可以修改或覆盖这些模板。 为此,请单击 Page layout… 链接和个性化信息。

您可以:

  • 更改用作徽标的图像并调整其大小,
  • 此外,还指定用户选择此渲染模板时访问预览图像的路径。

Headers/Footers 选项卡,您可以使用此模板更改每个表单页面的页眉和页脚中显示的信息。

每行 Page headersPage footers 部分对应于HTML页面中的行。 单击 Add 来创建新行。

选择现有行,然后单击 Detail 按钮将其个性化。

您可以通过相关选项卡更改行的内容、添加边框和更改字体属性。 单击 OK 以确认这些更改。

Position 利用字段,可定义元素在页眉和页脚中的位置。

注意

渲染模板存储在 Administration > Configuration > Form rendering 节点。
有关更多信息,请参阅 自定义表单渲染

自定义表单渲染

更改元素布局

您可以使表单中每个元素(输入字段、图像、单选按钮等)的样式表过载。

为此,请使用 Advanced 选项卡。

它允许您定义以下属性:

  • Label position:请参阅 定义标签的位置,

  • Label format:自动换行或无自动换行,

  • Number of cells :请参阅 在页面上定位字段,

  • Horizontal alignment (左、右、居中)和 Vertical alignment (高、低、中),

  • Width 区域:可以以百分比或em、点或像素(默认值)表示,

  • 最大值 Length:允许的最大字符数(对于文本、数字和密码类型控件);

  • Lines:行数 Multi-line text 类型区域,

  • Style inline:允许您使用其他设置使CSS样式表过载。 这些区段使用 ; 如下例所示的字符:

定义页眉和页脚

字段在树结构中排列,树结构的根与页面名称相同。 选择它以修改名称。

必须在 Page 选项卡。 您还可以在页眉和页脚中添加一组内容(此信息将在每个页面上显示)。 此内容是在 Texts 选项卡,如下所示:

将元素添加到HTML标题

您可以输入要插入表单页面HTML标题的其他元素。 为此,请在 Header 选项卡。

例如,您可以引用将在页面标题栏中显示的图标。

定义控制设置

用户填写表单时,会根据特定字段的格式或配置对其自动执行检查。 这允许您将某些字段设为必填字段(请参阅 定义必填字段)或检查输入数据的格式(请参阅 检查数据格式)。 在页面批准期间执行检查(通过单击启用输出过渡的链接或按钮)。

定义必填字段

要将某些字段设为必填字段,请在创建字段时选择此选项。

如果用户未输入字段就批准此页面,则将显示以下消息:

您可以通过单击 Personalize this message 链接。

如果用户未输入字段就批准此页面,则将显示以下消息:

检查数据格式

对于值存储在数据库现有字段中的表单检查,将应用存储字段的规则。

对于值存储在变量中的表单检查,批准规则取决于变量的格式。

例如,如果您创建 Number 选中以存储客户端号,如下所示:

用户必须在表单字段中输入整数。

定义字段条件显示

您可以根据用户选择的值配置页面上要显示的字段的显示。 这可以应用于一个字段或一组字段(当它们被分组到容器中时)。

对于页面的每个元素, Visibility 部分,可定义显示条件。

条件可能与数据库字段或变量的值有关。

在字段选择窗口中,您可以从以下数据中进行选择:

  • 主树包含表单上下文的参数。 默认参数为Identifier(与收件人的加密标识符匹配)、Language和Origin。

    有关详细信息,请参见此 页面

  • Recipients 子树包含插入到表单中并存储在数据库中的输入字段。

    有关更多信息,请参阅 在数据库中存储数据.

  • Variables 子树包含此表单的可用变量。 有关更多信息,请参阅 将数据存储在本地变量中.

有关更多信息,请参阅此处提供的用例: 根据所选值显示不同的选项.

您还可以使用 Test 对象。 有关详细信息,请参见此 页面

从现有表单导入元素

可以从其他Web窗体导入字段或容器。 这样,您就可以创建一个可重用块库,这些块将插入到表单中,如地址块、新闻稿订阅区域等。

要将元素导入表单,请应用以下步骤:

  1. 编辑要在其中插入一个或多个元素的页面,然后单击 Import an existing block 中。

  2. 选择包含要导入的字段的Web窗体,然后选择要导入的容器和字段。

    注意

    Edit link 源表单名称右侧的图标可让您查看选定的Web表单。

  3. 单击 Ok 确认插入。

在此页面上