区域
区域视图让你可以在网格中组织卡片为区域。 你可以在不使用水平或垂直堆叠卡片的情况下对卡片进行分组。
一个完全填充的仪表板在区域视图布局中
创建区域视图
- 如果你有多个仪表板,在左侧边栏中,选择你想要添加区域视图的仪表板。
- 按照 添加新视图 中的步骤进行操作。
- 在 视图类型 下,选择 区域。
- 在 最大区域数宽 下,选择你希望在新区域视图中看到的最大列数。
- 在 密集区域放置 下,选择是否希望允许卡片被自动安排以填补卡片之间的空隙。
- 这将减少一些空隙,但这也意味着你对卡片顺序的控制会减少。
- 请注意,这仅适用于使用了多于一列的区域中的水平空隙。
- 完成后,选择 保存。
- 现在你将看到一个新的空视图。
- 如果你选择了背景图片,页面将填充该图片。
- 一旦你创建了一个区域视图,你可以开始整理它:
编辑标题
编辑标题
- 要添加标题,请选择 添加标题 按钮。标题支持 Markdown
和 模板。 - 要添加徽章,请选择 添加徽章 按钮。按照 添加徽章的步骤 查看不同的可能选项。
- 要更改标题和徽章的位置,请选择编辑
按钮以访问标题设置。
向区域视图添加区域和卡片
该视图带有一个区域,您可以直接向其添加卡片。
-
要添加卡片,请选择 添加卡片 按钮。
- 按照 添加卡片的步骤 进行操作。
-
要添加新区域,请选择 创建区域 按钮。
-
一张 标题卡 将自动添加到该区域的顶部。
- 要编辑它,请选择该卡。
- 如果您不想在区域顶部显示标题,请删除此卡。
- 标题可以像其他卡片一样稍后再次添加。
-
如果你希望该区域仅对特定用户或在特定条件下可见,可以定义这些条件:
- 在 可见性 选项卡上,选择 添加条件。
- 选择条件的类型,并输入参数。
- 如果定义多个条件,则仅在满足所有条件时显示该区域。
- 如果没有定义任何条件,则该区域始终对所有用户可见。
删除区域
- 要删除区域,请前往仪表板,在右上角选择编辑
按钮。 - 打开包含你想删除的区域的视图。
- 选择删除
按钮。
重新排列区域和卡片
在区域视图中,你可以通过将其拖动到新位置来重新排列区域和卡片。这在其他视图中尚不可行。
-
要编辑你的仪表板,在右上角选择编辑
按钮。 -
要重新排列区域,按住移动
按钮并移动卡片。 拖动重新排列区域
-
要重新排列卡片,轻触并按住卡片,然后将其移动到所需位置。
拖动重新排列卡片
有条件地显示或隐藏区域
你可以选择根据不同的条件显示或隐藏某些区域。可用条件 与条件卡的条件相同。
要编辑区域的可见性条件,选择编辑
查看演示
查看关于仪表板的三月直播中的演示。
关于区域视图布局
要了解所有关于区域视图设计决策和网格布局的内容,请参考 仪表板第 1 章博客文章。
YAML 配置
标题 YAML 配置
Configuration Variables
不同元素的布局。可以是 start
、center
或 responsive
。在移动设备上,responsive
与 start
相同。它在桌面上将徽章和标题并排放置。
用作标题的卡片。如果你使用可视化编辑器配置视图,则使用 Markdown 卡 的配置。