跳转到主要内容
审批表单设计器
超过 7 个月前更新

审批表单设计器用于使用拖放控件创建不同类型的审批表单。易企办表单设计器允许您构建表单结构,设计外观和感觉,添加控件、交互、动画和自定义代码,以创建完全功能的审批表单。

在设计器中,您可以直观地操作表单内容,设置CSS属性,并创建交互,而无需编写代码。


访问设计器

要打开审批表单设计器,请首先访问一个现有的审批表单,并从表单标题栏右侧点击“在设计器中编辑”按钮。


添加控件面板

这将打开添加面板,您可以从控件面板中添加控件。

控件面板中有不同类型的控件,这些控件根据类别分组:

  1. 基础字段:这里包括所有基础字段控件,如文本框、数字、下拉列表等。使用基础字段控件,您可以设计大多数表单。

  2. 高级字段:包括特殊业务需求的字段控件,如查找、组织、签名等。

  3. 通用:包括与表单布局相关的通用控件,可用于创建设计精良的表单样式。

高级:包括提供更强大的布局和元素的高级控件,并从数据列表中以数据表、画廊和甘特图等形式展示数据。


页面设置

从添加控件面板点击“页面”,切换到页面设置标签。

背景和内容区域

设置此表单的背景颜色,并在此处设置内容区域样式。请参考页面背景和内容区域样式以了解更多详情。

外观

设置默认的标题-字段对齐方式:

  • 水平:默认情况下,标题显示在字段控件的左侧。

  • 垂直:默认情况下,标题显示在字段控件的顶部。

专业提示

您可以从控件的属性设置面板中更改每个不同字段控件的标题-字段对齐方式。

动作

在表单加载时、提交时(提交表单)、批准/完成(任务表单)或拒绝时(任务表单)绑定预定义的动作。了解更多关于如何创建动作,请参考:

如何定义和使用动作

自定义CSS

添加将在此表单上使用的自定义CSS。要了解更多关于自定义CSS,请参考:自定义CSS

验证

一个快速的步骤设置,使表单上的所有字段控件可编辑或只读。


底部导航栏

底部导航栏为您展示了打开导航器或预览设计的选项。


导航器

显示您当前页面上每个元素的层次结构。在这里,您可以直观地与这些元素进行交互。了解更多关于导航器的信息。

预览

在设计器的预览模式和设计模式之间切换,允许您看到发布时表单的外观。


显示/隐藏控件面板

使用编辑器时,默认视图会将控件面板固定在屏幕的左侧。这在设计时很有用,但在您想要预览页面上所有内容的外观时则不那么方便。


画布

设计器中的主要区域是画布。这是您可以实时与表单进行交互的地方。您可以选择元素,移动它们,并直接在页面上编辑内容。了解更多关于画布的信息。


顶部栏

顶部栏提供了另一组视图设置以及一些用于编辑表单属性、变量、动作等的有用工具。从左手边开始,紧挨着“添加控件”按钮,向右移动,您有以下一组工具:

页面指示器

显示您当前所在的页面。点击“重命名”按钮来更改页面的名称,点击“复制”按钮来制作当前页面的新副本。

断点按钮

位于顶部栏的中间,这些图标允许您在不同的断点之间切换,以便查看和编辑表单在这些断点上的设计。


操作

  • 变量:管理此审批表单的所有变量。

  • 动作:定义和管理动作

  • 保存:点击以保存此表单的更改。


这是否解答了您的问题?