按钮

笔记:

按钮控件可帮助您在不需要任何插件和代码的情况下,轻松设计和自定义按钮。

在页面上添加按钮控件

您可以在控件面板/通用中找到按钮控件,用鼠标拖动将此控件添加到表单设计器。

设置按钮控件的内容

  1. 文本 – 输入按钮的文本,或者使用表达式编辑器设置动态文本
  2. 文字提示 – 输入提示文本
  3. 对齐 – 设置按钮相对于列的对齐方式
  4. 尺寸 – 设置按钮预设尺寸,可选的值有:特小号/小号/中等/大号/特大号
  5. 图标 – 选择在按钮上要显示的图标
  6. 图标位置 – 设置图标相对于按钮文本的位置,值为:之前/之后
  7. 间隔 – 设置图标和按钮文本之间的间距

设置按钮的动作

单击按钮时,有两种执行方式:动作(执行操作)或链接(按钮的URL)

  • 动作

当执行方式选择“动作”时,您可以从动作下拉列表中绑定一个预定义的动作,或创建一个新动作。例如:您可以创建一个动作调用“总金额检查”,设置为在总费用值大于 1,000 时显示确认对话框。然后,您可以在动作下拉菜单中选择此动作。

设置完成后,当用户点击表单上的按钮时,会调用这个动作。 如果总金额字段的值大于 1,000,用户将看到一个提示框。

您可以在动作中设置多个步骤,用以执行更复杂的逻辑。

  • 链接

当执行方式选择“链接”时,您可以设置URL,单击齿轮按钮,可以将链接设置为在新窗口中打开。

设置按钮的样式

  1. 排版:设置文本的排版:字体、尺寸、粗细、转换、装饰、行高、字间距等
  2. 文本阴影:设置文本相对于分割线的位置
  3. 文字颜色:按钮有三种状态:常规、悬停、点击,设置三种不同状态时的文字颜色
  4. 背景颜色:按钮有三种状态:常规、悬停、点击,设置三种不同状态时的背景颜色:纯色或渐变
  5. 边框类型:选择按钮的边框类型,可选的值有:无/实线/双实线/点线/虚线/凹槽
  6. 宽度:设置按钮的边框粗细
  7. 颜色:设置按钮的边框颜色
  8. 边框半径:设置按钮的边框半径
  9. 阴影:在按钮上应用阴影效果
  10. 间距:设置按钮的内边距

高级设置

该控件的高级设置

Updated on 2022年7月12日

Was this article helpful?

Related Articles