Forge Viewer工具栏按钮在小型浏览器中消失了

Question

我正在为rme_advanced_sample_project样本模型使用Forge Viewer v6.4。当我将Chrome浏览器的尺寸调整为相对较小的尺寸（宽度为600px）时，我发现某些工具栏按钮从查看器中消失了。

当我检查调试控制台时，可以看到这些按钮在调整大小后为其分配了 display：“ none” CSS属性。当我再次将其值更改为 显示：“ block” （这是调整大小之前的原始值）时，我可以再次看到这些按钮。

随附一些屏幕截图供您参考：

之前：

调整为较小尺寸（宽度约为600像素）后：

设置按钮的CSS后：

我想知道是否有一种方法可以禁用这种行为，以便始终显示所有工具栏按钮？谢谢！

Answer 1

要使这些按钮始终可见，您可以覆盖样式表中的display设置，如下所示：

#YourViewerDiv #navTools #toolbar-panTool{display:block !important}
//Inspect in browser console and apply the same to the other buttons you'd like to keep visible 

或者对于编程方法，该行为的有害代码：

//GuiViewer.js
this.addEventListener(et.VIEWER_RESIZE_EVENT, function (event) {

            viewer.resizePanels();

            if (viewer.viewCubeUi && viewer.viewCubeUi.cube)
                viewer.viewCubeUi.cube.refreshCube();

            viewer.updateToolbarButtons(event.width, event.height);
        });

因此您可以通过始终将其大小调整为足够大的width来抑制自己的监听器中的行为：

viewer.addEventListener(Autodesk.Viewing.VIEWER_RESIZE_EVENT, ()=>viewer.updateToolbarButtons(1000,1000))