窗体渲染

选择表单渲染模板

通过表单设置,您可以选择用于生成页面的模板。 要访问它们,请单击表单详细信息工具栏中的​Settings​按钮,然后选择​Rendering​选项卡。 默认情况下,有许多模板(样式表)可用。

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

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

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

您可以:

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

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

Page headers​和​Page 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​以确认插入。

在此页面上