Message API/docs/components/navigation/tools
Tools Interaction
Trigger viewport transforms and inspection utilities.
Zoom and Fit actions are the most common navigation tasks. They allow users to quickly adjust the document view.
Zoom In / Out
// Zoom In
iframe.contentWindow.postMessage({
type: 'navigationToolControl',
payload: { action: 'ZOOM_IN' }
}, '*');
// Zoom Out
iframe.contentWindow.postMessage({
type: 'navigationToolControl',
payload: { action: 'ZOOM_OUT' }
}, '*');Fit to Window
iframe.contentWindow.postMessage({
type: 'navigationToolControl',
payload: { action: 'FIT_TO_WINDOW' }
}, '*');Specialized tools for detailed document inspection and metadata retrieval.
Magnifier
iframe.contentWindow.postMessage({
type: 'navigationToolControl',
payload: { action: 'MAGNIFY' }
}, '*');Text Search
iframe.contentWindow.postMessage({
type: 'navigationToolControl',
payload: {
action: 'SEARCH_TEXT',
searchText: 'Room 101',
searchForward: true,
searchCaseSensitive: false
}
}, '*');Test navigation tools in real-time.
Interactive Workbench
Live Viewer Preview
Launch the interactive preview to explore the viewer capabilities. Use the dashboard within the modal to test different tools and configurations.