Count measurement Tool - multiple counters

[MichaelL]

The count tool (PDFTron WebViewer Class: CountMeasurementCreateTool) uses the same counter for all the 4 “subtools”
Is there a way to desynchronize the tools so that you have one counter per color / tool ?

Thanks

[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:

• Customizing Viewer Toolbar / Header - Header Items - StatefulButton
• FreeHandAnnotation creation delay
• Creating custom annotations for your viewer - Adding the annotation to a document
• Setting up measurements in WebViewer

APIs:

• Core. Tools - COUNT_MEASUREMENT4
• Core.Tools. CountMeasurementCreateTool - one(type, fn)
• Core.Tools. CloudyRectangularAreaMeasurementTool - one(type, fn)

Forums:

• Undo/redo buttons throw an error after upgrading to WebViewer 7.3.3
• Change Title of Ribbon in WebViewer
• Customizing the UI to allow editing of a polygon area measurement after it’s created

[ychen]

Hi Michael,

You can do it with the following code added to your application:

const { annotationManager } = instance.Core
annotationManager.addEventListener('annotationSelected',(annotList, action)=>{
    if (annotList.length === 1 && action ==='selected' && annotList[0].ToolName.includes('AnnotationCreateCountMeasurement')) {
        var overlayEl = ins.docViewer.getViewerElement().closest('#app').getElementsByClassName('measurement__count')[0];
        // Text can be in other languages so need to get this first
        const text = overlayEl.textContent.split(':')[0];
        overlayEl.textContent = `${text}: ${annotationManager.getAnnotationsList().filter(annot=> annot.ToolName === annotList[0].ToolName).length}`
    }
})

[MichaelL]

Thanks Ychen, will try this!