Кнопки панели инструментов Forge Viewer исчезают в маленьком браузере - PullRequest
Новая
       13

Кнопки панели инструментов Forge Viewer исчезают в маленьком браузере

0 голосов
/ 04 марта 2019

Я использую forge viewer v6.4 для примера модели rme_advanced_sample_project.При изменении размера моего браузера Chrome до сравнительно небольшого размера (шириной 600 пикселей) я обнаружил, что некоторые кнопки панели инструментов исчезли из средства просмотра.

Когда я проверяю консоль отладки, я вижу, что эти кнопкиимеет свойство CSS display: «none» , назначенное им после изменения размера.Когда я изменяю их значение на , снова отображается: «block» , что является исходным значением до изменения размера, я снова вижу кнопки.

Прилагаются скриншоты для справки:

До: enter image description here

После изменения размера до небольшого размера (~ 600 пикселей вширина): enter image description here

После настройки кнопок: enter image description here

Хотелось бы узнать, есть ли способ отключить такое поведение, чтобы все кнопки панели инструментов всегда отображались?Спасибо!

1 Ответ

0 голосов
/ 04 марта 2019

Чтобы эти кнопки всегда были видны, вы можете переопределить настройку 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))
...