How to change the cursor dynamically

[drevel]

Dear support,

I’m trying to change the cursor appearance when the mouse is moving above the webViewer area. I’m wondering if it is possible.

I’m trying to do things like that, but it does not work…

I thank to you in advance !
Best Regards,

[system]

Hello, I’m Ron, an automated tech support bot

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

Guides:

• Integrating new Blazor project with PDF.js Express - Use more WebViewer APIs
• Integrating Svelte with PDF.js Express - Use more WebViewer APIs
• Integrating Cordova with PDF.js Express - Use more WebViewer APIs

APIs:

• UndefinedWebViewer(options, viewerElement)
• CoreControls.WidgetEditingManager - editingStarted
• UI - dangerouslySetNoteTransformFunction(noteTransformFunction)

Forums:

• Mouse Coordinates / Annotations Coordinates
• How to apply Rubber stamp annotation without explicitly selecting stamp. (SOS)
• How to Pan while tracing by pressing and holding the left click of the mouse

[Logan]

Hey!

Express is mounted in an iframe so you need to listen to the iframes window instead of the root window

  instance.UI.iframeWindow.addEventListener('mousemove', () => {
    instance.UI.iframeWindow.document.body.style.cursor = 'crosshair'
  })

Logan