审批表单设计器用于使用拖放控件创建不同类型的审批表单。易企办表单设计器允许您构建表单结构,设计外观和感觉,添加控件、交互、动画和自定义代码,以创建完全功能的审批表单。
在设计器中,您可以直观地操作表单内容,设置CSS属性,并创建交互,而无需编写代码。
访问设计器
要打开审批表单设计器,请首先访问一个现有的审批表单,并从表单标题栏右侧点击“在设计器中编辑”按钮。
添加控件面板
这将打开添加面板,您可以从控件面板中添加控件。
控件面板中有不同类型的控件,这些控件根据类别分组:
基础字段:这里包括所有基础字段控件,如文本框、数字、下拉列表等。使用基础字段控件,您可以设计大多数表单。
高级字段:包括特殊业务需求的字段控件,如查找、组织、签名等。
通用:包括与表单布局相关的通用控件,可用于创建设计精良的表单样式。
高级:包括提供更强大的布局和元素的高级控件,并从数据列表中以数据表、画廊和甘特图等形式展示数据。
页面设置
从添加控件面板点击“页面”,切换到页面设置标签。
背景和内容区域
设置此表单的背景颜色,并在此处设置内容区域样式。请参考页面背景和内容区域样式以了解更多详情。
外观
设置默认的标题-字段对齐方式:
专业提示
您可以从控件的属性设置面板中更改每个不同字段控件的标题-字段对齐方式。
动作
在表单加载时、提交时(提交表单)、批准/完成(任务表单)或拒绝时(任务表单)绑定预定义的动作。了解更多关于如何创建动作,请参考:
如何定义和使用动作
自定义CSS
添加将在此表单上使用的自定义CSS。要了解更多关于自定义CSS,请参考:自定义CSS
验证
一个快速的步骤设置,使表单上的所有字段控件可编辑或只读。
底部导航栏
底部导航栏为您展示了打开导航器或预览设计的选项。
导航器
显示您当前页面上每个元素的层次结构。在这里,您可以直观地与这些元素进行交互。了解更多关于导航器的信息。
预览
在设计器的预览模式和设计模式之间切换,允许您看到发布时表单的外观。
显示/隐藏控件面板
使用编辑器时,默认视图会将控件面板固定在屏幕的左侧。这在设计时很有用,但在您想要预览页面上所有内容的外观时则不那么方便。
画布
设计器中的主要区域是画布。这是您可以实时与表单进行交互的地方。您可以选择元素,移动它们,并直接在页面上编辑内容。了解更多关于画布的信息。
顶部栏
顶部栏提供了另一组视图设置以及一些用于编辑表单属性、变量、动作等的有用工具。从左手边开始,紧挨着“添加控件”按钮,向右移动,您有以下一组工具:
页面指示器
显示您当前所在的页面。点击“重命名”按钮来更改页面的名称,点击“复制”按钮来制作当前页面的新副本。
断点按钮
位于顶部栏的中间,这些图标允许您在不同的断点之间切换,以便查看和编辑表单在这些断点上的设计。