提示框

笔记:

使用提示框控件,可以用来添加一个紧凑的下拉栏,这对于想要隐藏内容并在表单或仪表板上节省一些空间的用户非常有用。您可以在页面上的任意位置添加提示框,然后进行简单操作即可对其进行自定义。

在本文中,您将学习如何轻松地添加下拉框控件。来让我们看看添加下拉框控件的过程吧!

添加提示框控件

您可以在控件面板/高级中找到提示框控件,用鼠标拖动将此控件添加到表单设计器。

内容

  1. 按钮类型:该按钮可以使用文本或图像。如果选择文本,则可以输入您想要显示的文本。如果选择图像,您可以上传图像或使用表达式编辑器选择动态图像,然后设置图像的大小。
  2. 前图标/后图标:可以在按钮上的文本或图像的之前或之后使用图标
  3. 对齐:设置提示框相对于区域的相对位置
  4. 内容类型:提示框有两种类型——简单的文本和富文本框。 如果您只想要一个通知,您可以选择“简单文本”选项并输入文本。 或者,您可以选择“富文本”选项,当选择富文本时,您可以添加图像、超链接和其他格式化的文本。

设置

内容选项卡下的设置,包含提示框本身的布局和按钮的布局。

  1. 位置:在此下拉菜单中,可以选择提示框出现的位置,有12种位置可供选择。
  2. 自动定位:此开关用于提示框自动决定出现的提示框位置
  3. 模式:下拉框出现的模式:鼠标悬停或鼠标点击
  4. 隐藏延迟:当模式选择“悬停”时,则出现隐藏延迟设置,在此您可以定义用户将鼠标指针从提示框按钮上移走时,提示框停留的时间
  5. 偏移量:设置提示框和按钮之间的间距,您可以移动滑块设置也可以直接输入值
  6. 宽度:设置提示框的宽度,如果不设置,宽度会根据内容自适应宽度
  7. 固定布局:启用此开关可以使提示框按钮固定位置,当用户滚动页面时,该按钮也将保留在同一位置。启用此开关后,可以设置需要固定的位置、间隔、Z-index(Z-index 功能允许您定义按钮将覆盖页面的哪些部分,数字越小 – 相对于其他元素的优先级越高。)

样式

提示框控件拥有很多不同的样式设置,您可以更改设置以获得更符合要求的设计。

按钮样式

  1. 排版:按钮的文本排版选项
  2. 常规/悬停:分别设置默认状态和鼠标悬停状态的样式
  3. 背景类型:按钮的背景类型,纯色/渐变:
  4. 颜色:设置按钮的文本颜色
  5. 阴影:设置按钮的阴影
  6. 边框类型:按钮的边框类型
  7. 边框半径:按钮的边框半径(圆角)
  8. 内边距:设置按钮的内边距

内容

  1. 排版:提示框内容的文本排版选项
  2. 对齐方式:提示框内容的对齐方式:左/中/右/两端对齐
  3. 背景类型:提示框内容的背景类型,纯色/渐变:
  4. 颜色:提示框内容的文本颜色
  5. 边框类型:提示框内容的边框类型
  6. 边框半径:提示框内容的边框半径(圆角)
  7. 阴影:设置提示框内容的阴影
  8. 内边距:设置提示框内容的内边距
  9. Z-index:设置内容的Z-index

高级设置

该控件的高级设置

Updated on 2022年7月12日

Was this article helpful?

Related Articles