标头

标头是沿仪表盘视图顶部的保留区域,可用于为仪表盘提供唯一标识、应用企业品牌标准以及提供其他内容的链接。 在仪表盘的桌面视图中,您也可以将其用于交互式仪表盘中以托管一个或多个选择器。 每个仪表盘视图只能具有一个标头,并且该标头将始终占据该视图的整个宽度。

标头元素

标头大小

标头可以是两种大小之一:大或小。 标头的大小取决于它的配置方式及其内容。 例如,在桌面视图中,如果标头包含与标题位于同一行的副标题,则标头大小为小。 如果副标题位于标题下方,则标头大小为大。 如果标头包含徽标,则徽标大小决定标头大小。 包含至少一个选择器的标头的大小通常为大。 对于移动视图,副标题将始终位于标题下方。

标头图像

通过引用具有 URL 的图像或使用图标,您的标头可以包含徽标。 通过 URL 引用的图像可以是已添加到组织或来自 Web 的 JPEG 或 PNG 图像。 建议使用以下尺寸的图像。 将对大于建议大小的图像进行缩小,但不会对小于这些大小的图像进行放大。

下表显示了这些大小的高度以及徽标的建议尺寸以插入到这些标头中。

标头大小标头高度 (px)徽标尺寸 (px)

较小值

44

24x24

较大值

63

48x48

菜单链接

标头可以包含一个菜单,可以在该菜单中包含登出选项或者为用户提供其他链接。

以下是在标头中使用 URL 的提示:

  • 在 URL 引用中使用 HTTPS。 如果无法建立 HTTPS 连接,请考虑使用相对 URL,该 URL 不指定 HTTPSHTTP。 例如,可以使用 //www.example.com/logo.png
  • 如果您不想使用上述提示,请考虑利用组织的功能来添加图像文件作为组织内容中的项目。 添加新项目后,将其与所有人共享。 这将在图像的项目详细信息页面上生成可在仪表盘中使用的 URL。
  • 如果 URL 引用您的域以外的域,建议托管所请求资源的服务器支持来自您的域的 CORS 请求。