Distance Measurement popup alignment

[kkim]

Hi there,

Thanks for contacting pdf.js express forums,

From your screenshot, it looks like you want to customize the positioning of the measurement popup overlay.
You can target this in your WebViewer code via targeting the DOM:

    const iframeDoc = instance.UI.iframeWindow.document;
    const measurementPopup = iframeDoc.querySelector('[data-element="measurementOverlay"]');

Or if you are targeting via CSS, you can use the stylesheet method
and in the CSS file, you can add something like:

.MeasurementOverlay{
    border: 5px solid red !important;
}

Best regards,
Kevin Kim