在Forge Autodesk中更改模型结构面板的大小

Question

我想更改Forge Autodesk内部模型结构面板的大小。我一直在寻找代码中良好的'height'参数，但我找不到与之相关的任何内容...

在动态扩展中，我尝试过使用DataTreeView.scss，HierarchyTreeView.scss，SelectTreeView.scss，甚至是ModelLoader ......

也许模型结构面板的大小是生成的而不是写在代码中？有没有人知道如何从代码中改变它？

Answer 1

您需要了解您所引用的代码（Forge RDCB）是一个示例，这不是查看器及其API的直接部分。它使用查看器和其他Forge API提供示例。某些扩展可能会通过自定义css更改查看器的某些默认样式，而其他一些扩展可以使用查看器组件（例如treeview）实现自定义UI，但在这些示例中您将无法找到所需的内容。

要修改查看器的原生面板，您需要向应用添加一些自定义css。要查找必须覆盖的css属性/类，可以使用Chrome开发人员工具，尤其是 Elements 标签，如下图所示。掌握该工具将有助于您在覆盖默认css时节省大量时间。

您可以在https://developer.api.autodesk.com/derivativeservice/v2/viewers/viewer3D.js

找到查看器的实现

https://developer.api.autodesk.com/derivativeservice/v2/viewers/style.css

的关联默认css

还不清楚更改模型结构面板的大小的含义...如果要设置该面板的默认宽度/高度，则可能需要添加以下内容的CSS：

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