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

【问题标题】：Change size of model structure panel in Forge Autodesk在 Forge Autodesk 中更改模型结构面板的大小
【发布时间】：2018-09-04 16:33:04
【问题描述】：

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

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

也许模型结构面板的大小是生成的而不是写在代码中的？有谁知道我可以从代码中更改它吗？

【问题讨论】：

标签： javascript 3d autodesk-forge autodesk bim

【解决方案1】：

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

为了修改查看器的 native 面板，您需要向您的应用添加一些自定义 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;
}

【讨论】：