Блог

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

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

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

Перед:

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

После настройки CSS кнопок:

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

Чтобы эти кнопки оставались видимыми в любое время, вы можете переопределить 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 amp;amp; 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))