How to hide toolbar buttons in Autodesk Forge Viewer?

 

First, we can print in console the toolbar variable in order to show controls values. These are the sections of the toolbar.

Each control:

• navTools
• measureTools
• modelTools
• settingsTools

Then, if we expand one of them we can see the buttons inside controls. 

To hide or to remove the camera button we can do this:

this.viewer.toolbar.getControl('navTools').removeControl('toolbar-cameraSubmenuTool');

Let's remove some more buttons and see how it is showed.

this.viewer.toolbar.getControl('settingsTools').removeControl('toolbar-propertiesTool');
this.viewer.toolbar.getControl('settingsTools').removeControl('toolbar-modelStructureTool');
this.viewer.toolbar.getControl('settingsTools').removeControl('toolbar-settingsTool');
this.viewer.toolbar.getControl('modelTools').removeControl('toolbar-explodeTool');

¿Cómo ocultar botones de la barra de menú de Autodesk Forge?

 

Podemos empezar imprimiendo en consola la variable toolbar para ver los valores de controls. Los cuales son las secciones en las que se divide la barra.

Podemos ver que  cada sección se llama:

• navTools
• measureTools
• modelTools
• settingsTools

Y si expandimos una de ellas podemos ver que dentro encontramos controls donde está cada botón de la sección. 

Es decir, si queremos ocultar la cámara de la primera sección tenemos que hacer algo como:

this.viewer.toolbar.getControl('navTools').removeControl('toolbar-cameraSubmenuTool');

Vamos a ocultar algunas más y ver el resultado.

this.viewer.toolbar.getControl('settingsTools').removeControl('toolbar-propertiesTool');
this.viewer.toolbar.getControl('settingsTools').removeControl('toolbar-modelStructureTool');
this.viewer.toolbar.getControl('settingsTools').removeControl('toolbar-settingsTool');
this.viewer.toolbar.getControl('modelTools').removeControl('toolbar-explodeTool');