Frameworks
Integrations
Mendix
SharePoint
Default UI
Modular UI
AnnotationManager
Annotation Types
Customize
Version 11
v11.0
Version 10
v10.12
v10.11
v10.10
v10.9
v10.8
v10.7
v10.6
v10.5
v10.4
v10.3
v10.2
v10.1
v10.0
Version 8
v8.12
v8.11
v8.10
v8.9
v8.8
v8.7
v8.6
v8.5
v8.4
v8.3
v8.2
v8.1
v8.0
Version 7
Version 6
v6.3
v6.2
v6.1
v6.0
Version 5
Version 4
Version 3
Version 2
WebViewer Server
WebViewer BIM
In WebViewer version 8.3+ you can open multiple tabs in WebViewer.
The API, feature toggle, and Events are available in version 8.4+
There are two ways to enable Multi-tab mode. Passing an array of 2 or more documents to the WebViewer constructor in the initialDoc
property or using the enableFeatures
API.
When creating a new instance of WebViewer, the initialDoc
property needs to be set with the list of documents to be opened in the tabs.
To declare extensions for these documents, you must provide an array of extensions to the WebViewer constructor via extension
property. The array of extensions must be the same length as the array of documents, with the indexes corresponding to the indexes of the documents in initialDoc
.
If all the documents passed to the constructor are the same type, you can pass in a single string to the extension array.
To enable/disable Multi-tab mode without the constructor, you can use the WebViewer API with the enableFeatures function. (v8.4+)
To interact with the API you can wrap your TabManger code around the onTabManagerReadyEvent. (v10.1+)
This will ensure that the TabManger has been initialized before any calls are made.
The multi-tab api is available through the TabManager class. (v8.4+)
Using this API you can open new tabs, close tabs, and switch between tabs programmatically. Here are the available methods:
The addTab() method takes in a source to load the document from and the load options. See guide for supported addTab options.
When setActive
is set to true, the tab will be loaded immediately after creation.
When saveCurrentActiveTabState
is set to true (only applicable with setActive=true), the current tab's state will be saved prior to loading the new tab.
You can also listen for events when tabs are modified using the UI namespace event listeners.
Here are the relevant events:
Below is some sample usage of the TAB_ADDED event.
Multi-tab mode will use the browsers built in IndexedDB to save the state of the tabs. If your browser does not support IndexedDB, you will not be able to save the tab state when switching tabs. To disable the usage of IndexedDB you can pass in true to the disableIndexedDB option in the WebViewer constructor:
Did you find this helpful?
Trial setup questions?
Ask experts on DiscordNeed other help?
Contact SupportPricing or product questions?
Contact Sales