Javascript 在Autodesk中更改“模型结构”面板的大小

Javascript 在Autodesk中更改“模型结构”面板的大小,javascript,3d,autodesk-forge,autodesk,bim,Javascript,3d,Autodesk Forge,Autodesk,Bim,我想更改Autodesk Forge中“模型结构”面板的大小。我一直在代码中寻找良好的“高度”参数,但我没有找到与此相关的任何内容 在动态扩展中,我尝试了DataTreeView.scss、HierarchyTreeView.scss、SelectTreeView.scss,甚至ModelLoader 可能模型结构面板的大小是生成的,而不是写在代码中?有人知道我如何从代码中更改它吗?您需要了解您所指的代码是一个示例,它不是查看器及其API的直接组成部分。它提供了使用查看器和其他Forge API

我想更改Autodesk Forge中“模型结构”面板的大小。我一直在代码中寻找良好的“高度”参数,但我没有找到与此相关的任何内容

在动态扩展中,我尝试了DataTreeView.scss、HierarchyTreeView.scss、SelectTreeView.scss,甚至ModelLoader


可能模型结构面板的大小是生成的,而不是写在代码中?有人知道我如何从代码中更改它吗?

您需要了解您所指的代码是一个示例,它不是查看器及其API的直接组成部分。它提供了使用查看器和其他Forge API的示例。一些扩展可能通过自定义css改变查看器的一些默认样式,而另一些扩展则使用查看器组件(如treeview)实现自定义UI,但在这些示例中,您将找不到所需的内容

为了修改查看器的本机面板,您需要向应用程序添加一些自定义css。要了解需要覆盖哪些css属性/类,可以使用Chrome开发者工具,尤其是下图所示的元素选项卡。掌握该工具将帮助您在覆盖默认css时节省大量时间

您可以在以下位置找到查看器的实现:

以及在

此外,还不清楚更改“模型结构”面板的大小是什么意思。。。如果要设置该面板的默认宽度/高度,则可能需要添加以下css:

.docking-panel.model-structure-panel {
   height: 500px !important;
   width: 500px !important;
}