区域

区域视图让你可以在网格中组织卡片为区域。 你可以在不使用水平或垂直堆叠卡片的情况下对卡片进行分组。

一个完全填充的仪表板在区域视图布局中 一个完全填充的仪表板在区域视图布局中

创建区域视图

  1. 如果你有多个仪表板,在左侧边栏中,选择你想要添加区域视图的仪表板。
  2. 按照 添加新视图 中的步骤进行操作。
    • 视图类型 下,选择 区域
  3. 最大区域数宽 下,选择你希望在新区域视图中看到的最大列数。
  4. 密集区域放置 下,选择是否希望允许卡片被自动安排以填补卡片之间的空隙。
    • 这将减少一些空隙,但这也意味着你对卡片顺序的控制会减少。
    • 请注意,这仅适用于使用了多于一列的区域中的水平空隙。
  5. 完成后,选择 保存
    • 现在你将看到一个新的空视图。
    • 如果你选择了背景图片,页面将填充该图片。
  6. 一旦你创建了一个区域视图,你可以开始整理它:

编辑标题

编辑标题 编辑标题

  1. 要添加标题,请选择 添加标题 按钮。标题支持 Markdown模板
  2. 要添加徽章,请选择 添加徽章 按钮。按照 添加徽章的步骤 查看不同的可能选项。
  3. 要更改标题和徽章的位置,请选择编辑 按钮以访问标题设置。

编辑视图标题部分按钮

向区域视图添加区域和卡片

该视图带有一个区域,您可以直接向其添加卡片。

  1. 要添加卡片,请选择 添加卡片 按钮。

    添加区域按钮

  2. 要添加新区域,请选择 创建区域 按钮。

  3. 一张 标题卡 将自动添加到该区域的顶部。

    • 要编辑它,请选择该卡。
    • 如果您不想在区域顶部显示标题,请删除此卡。
    • 标题可以像其他卡片一样稍后再次添加。
  4. 如果你希望该区域仅对特定用户或在特定条件下可见,可以定义这些条件:

    • 可见性 选项卡上,选择 添加条件
    • 选择条件的类型,并输入参数。
    • 如果定义多个条件,则仅在满足所有条件时显示该区域。
    • 如果没有定义任何条件,则该区域始终对所有用户可见。

删除区域

  1. 要删除区域,请前往仪表板,在右上角选择编辑 按钮。
  2. 打开包含你想删除的区域的视图。
  3. 选择删除 按钮。

重新排列区域和卡片

在区域视图中,你可以通过将其拖动到新位置来重新排列区域和卡片。这在其他视图中尚不可行。

  1. 要编辑你的仪表板,在右上角选择编辑 按钮。

  2. 要重新排列区域,按住移动 按钮并移动卡片。

    拖动重新排列区域 拖动重新排列区域

  3. 要重新排列卡片,轻触并按住卡片,然后将其移动到所需位置。

    拖动重新排列卡片 拖动重新排列卡片

有条件地显示或隐藏区域

你可以选择根据不同的条件显示或隐藏某些区域。可用条件 与条件卡的条件相同。

要编辑区域的可见性条件,选择编辑 按钮,然后单击可见性选项卡。

查看演示

查看关于仪表板的三月直播中的演示。

关于区域视图布局

要了解所有关于区域视图设计决策和网格布局的内容,请参考 仪表板第 1 章博客文章

YAML 配置

Configuration Variables

type string (Optional)

sections

标题 YAML 配置

Configuration Variables

layout string (Optional, default: center)

不同元素的布局。可以是 startcenterresponsive。在移动设备上,responsivestart 相同。它在桌面上将徽章和标题并排放置。

badges_position string (Optional, default: bottom)

徽章位置。可以是 bottomtop

card map Required

用作标题的卡片。如果你使用可视化编辑器配置视图,则使用 Markdown 卡 的配置。