PlatoForms User Guide
Ctrl+K
  • Form Builder

    Creating an Online Form for an Existing PDF

  • Custom Domain

    With Builder you can build three types of forms: online web forms, online PDF forms, and master forms.

  • Master Form Builder

    you will arrive at the Form Builder. On the form Builder, there are three main sections:

设计网页 PDF 表单

自定义表单的外观以匹配您的品牌。您可以:

  • 添加您的徽标、更改字体和调整颜色。
  • 应用主题以快速更新风格。
  • 微调设计设置以获得精致的外观。

访问表单设计器

  1. 仪表板打开您现有的网页 PDF 表单。

  2. 在表单构建器的左上角点击 预览和设计 按钮。

    打开表单设计器

    这将打开一个预览,您可以在其中调整表单的设计。

应用主题

主题可以让您立即更改表单的外观。

  1. 点击左下角的 主题 按钮。

    表单主题

    主题 面板将会出现。

  2. 浏览并选择适合您表单的主题。

保存为共享表单主题

如果您希望为团队创建自定义主题,请使用 保存为共享表单主题

  1. 点击 主题 按钮以展开 主题 面板。

    表单主题

  2. 选择一个主题或自定义一个。

  3. 点击 保存为共享表单主题

    保存主题

  4. 命名您的主题并点击 保存

    现在,您的团队可以将此主题应用于其他表单。

自定义表单设计

您还可以对表单样式进行更多自定义。所有更改都会立即预览。

  1. 在预览页面,点击右上角的 设计表单 按钮。

    设计表单

    您将打开 设计表单 面板。

  2. 根据需要修改设计。

    Note

    了解可用的自定义选项,请参阅 表单设计属性 部分。

  3. 完成所需修改后,点击 保存 以应用更改。

表单设计属性

属性 描述
外观 自定义表单的视觉主题:

  • 系统自动: 根据用户的设备设置进行调整。
  • 仅限浅色模式: 确保明亮、清晰的外观,具有一致的浅色主题。
  • 仅限深色模式: 使用深色配色方案,以减少在低光环境下的眼睛疲劳。
当选择 系统自动 时,使用 浅色深色 按钮预览表单在不同模式下的外观。
徽标 上传 PNG 或 JPG(最大 10MB)以在表单上显示徽标。

  • 嵌入徽标: 自动调整大小并将徽标集成到表单中。
  • 徽标背景: 自定义徽标背后的背景颜色。
  • 徽标大小: 如果禁用 嵌入徽标,则手动调整大小。默认位置在表单外部,左上角。
  • 徽标位置: 选择对齐方式:
导航栏 如果您的表单有多个页面,启用导航栏会添加一个顶部菜单,允许用户在页面之间切换。

注意: 要添加页面,请在设计表单时插入 分页符
导航栏样式 启用 导航栏 后,选择与表单设计匹配的样式。选项可能包括 标签进度条侧边导航
帮助文本 如果您为表单字段添加了帮助文本,选择其显示位置:

  • 字段下方: 将帮助文本放置在输入框下方。
  • 标签下方: 将帮助文本放置在字段标签下方。
RTL 表单 以从右到左的布局显示表单,适用于阿拉伯语、希伯来语和波斯语等语言。此设置会影响文本对齐和整体表单方向。
圆角 为表单元素添加圆角,以获得更平滑、现代的外观。
材料风格 使用类似于材料设计的简约直线设计输入字段。
表单宽度 调整表单的整体宽度。选项包括:

  • S(小): 紧凑布局。
  • M(中): 平衡宽度。
  • L(大): 扩展表单以适应更宽的屏幕。
  • 全宽: 将表单拉伸到容器的整个宽度。
表单边距 设置表单边缘周围的间距。选项包括:

  • 无: 无额外间距。
  • S(小): 最小填充。
  • M(中): 适度间距以获得更结构化的外观。
字体 使用系统默认字体或上传自定义字体以匹配您的品牌标识。
字体大小 调整文本大小以确保可读性。可用大小范围从 特大
行间距 控制文本行之间的间距。选项:XSSMLXL,以获得最佳可读性。
标签布局 定义标签相对于输入字段的排列方式。如果选择 自定义,请返回到每个字段的属性面板以调整单个标签位置。
标签宽度 指定字段标签的宽度,以确保表单元素之间的一致对齐。

更多自定义样式

您可以使用 更多自定义样式 功能进一步自定义表单的外观和行为。

  1. 在表单编辑器中点击 更多自定义样式 按钮。

    设计表单

  2. 从三个自定义选项中选择:

    • 设计 标签:更改背景图像、调整横幅大小和修改布局元素。
    • CSS 标签:添加自定义 CSS 以设置字体、颜色和间距。
    • JS 标签:使用 JavaScript 自定义标签、添加逻辑和控制表单行为。
    Note

    JavaScript 是安全的,并且仅在 自定义域 上工作以维护安全性。

  3. 完成调整后,点击 保存 以应用更改。

Is the content helpful?