How to remove text-vertical-alignment div of freetext style popup

Technical Support
1

Which product are you using?
PDF.js Express Plus

PDF.js Express Version

UI version 8.7.0
Core version 8.7.4
webviewer.min.js 8.7.4

I questioned how to fix version mismatch in another topic.

Detailed description of issue
I want to remove text-vertical-alignment div of freetext style popup. Is this possible?

Expected behaviour
We want to remove the bluely marked options.
expected

Does your issue happen with every document, or just one?
n/a

Link to document
n/a

Code snippet
n/a

3

Hello Hiraki,

You can hide the text-vertical-alignment by changing the CSS properties.
Here is a guide on how to customize styles in the viewer: PDF.js Express Viewer Style Customization (Color & CSS) | Documentation

WebViewer(
  {
    licenseKey: 'YOUR_LICENSE_KEY',
    path: 'lib',
    css: 'path/to/stylesheet.css'
​ },

In the CSS file, you can add the following to hide the div.

.row.text-vertical-alignment {
    display: none !important;
}

Best Regards,
Darian

4

Hi darian,

This perfectly worked!
Thank you for your help.

Kind regards,
hiraki

1 Like