使用菜单图层

1.概述

本文解释了如何使用菜单层来显示与仪表板其他部分分开的菜单等内容模板的网格

2.预排

本演练将指导您完成创建包含可折叠导航菜单的菜单层的步骤,该菜单层可用于在各种仪表板、报表或其他视图之间进行导航。

当使用Dundas BI's时响应式大小调整模式,内容在必要时自动重新组织,以保持可读性,填充给定的屏幕空间,并允许通过在一个方向上滚动访问所有内容。对于较小的屏幕尺寸,您可能希望通过使用按钮在另一个按钮中显示和隐藏此内容来进一步减少导航或其他选项占用的空间.通过使用菜单层,您可以独立于响应网格显示填充屏幕的内容。

2.1.添加一个菜单按钮

在本例中,将使用菜单按钮的图像打开仪表板上的导航菜单。

探索窗口,扩大图片拖放一个图像放到仪表板上。确保图像在仪表板上的位置正确。

位于仪表板左上角的按钮图像
位于仪表板左上角的按钮图像

2.2.添加一个菜单图层

对于本例,将添加一个菜单层,其中包含一个菜单组件和一个关闭按钮。

请注意
当你添加一个新的菜单层时,所有可见的图层都被禁用,仪表板上的任何其他菜单层都变为活动的,允许你只编辑菜单层。

窗口中,单击添加在工具栏中,然后选择一个菜单层。

添加一个新的菜单层
添加一个新的菜单层

新的菜单层现在是当前层。单击其名称可将其重命名为菜单

2.3.添加一个关闭按钮

探索窗口,扩大图片然后将要用作关闭按钮的图像拖到画布上。这将允许查看者关闭导航菜单并切换回主图层。

添加一个关闭按钮
添加一个关闭按钮

当查看仪表板时,按钮的位置应该与菜单按钮图像正确对齐。

2.4.添加并配置菜单

菜单层仍然被选中作为当前层,转到工具栏,单击组件,然后菜单添加菜单组件。其他组件,如按钮或图像也可以用于导航

添加菜单组件
添加菜单组件

定位菜单的位置和大小,并根据需要设置菜单项。有关菜单组件的详细信息,请参见如何设置菜单导航篇文章。

向菜单组件添加菜单项
向菜单组件添加菜单项

2.5.配置点击动作

以下步骤设置更改图层动作在单击菜单按钮和关闭按钮时运行。

2.5.1.配置菜单按钮

窗口,单击主图层切换到它。

选择菜单按钮图像,单击设置交互在工具栏中,选择更改图层

隐藏图层,选择主图层。下显示层,选择菜单层。

2.5.2.配置关闭按钮

切换回菜单层,选择关闭按钮,然后再次单击设置交互并选择更改图层

隐藏图层,选择菜单层,如果主层设置为隐藏,也选择下面的主层显示层

菜单层现在已经配置好了,可以在查看以访问导航菜单时显示和隐藏。

菜单
菜单

当将模板网格用于下面的仪表板内容时,菜单将单独放置在顶部。

3.另请参阅

Dundas数据可视化公司
热维斯路400-15号
加拿大安大略省多伦多
M3C 1日元

北美:1.800.463.1492
国际:1.416.467.5100

登打士服务时间:
电话:美国东部时间周一至周五上午9点至下午6点
电子邮件:美国东部时间周一至周五上午7点至下午6点