Javascript: Icons of custom javascripts in toolbar do not display properly

[tobias.wantzen]

I'm still having trouble with icons of my custom javascripts in the toolbar.

On my 4k monitor (1920 x 1080) the icons look as I intended:

4k monitor, everything is fine.

But on my second monitor, 5k (2560 x 1440), the icons are missing:

5k monitor, icons missing.

I rendered the first icon (e.g.) from this PNG via the JavaScript console:

PNG icon

It rendered to:

var strDataToggleCover = "FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF5F5F5FFE6E6E6FFE6E6E6FFE6E6E6FFE6E6E6FFF5F5F5FFFFFFFFFFFFFFFFFFE4E4E4FFCFCFCFFFCFCFCFFFCFCFCFFFCFCFCFFFE4E4E4FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF5F5F5FFB4B4B4FFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFFBFBFBFFF8F8F8FF595959FF595959FF595959FF595959FF595959FF737373FFABABABFFFFFFFFFFFFFFFFFFFFFFFFFFF5F5F5FFB4B4B4FFAEAEAEFFB1B1B1FFB1B1B1FFAEAEAEFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FF595959FF595959FF595959FF595959FF737373FFABABABFFFFFFFFFFF5F5F5FFB7B7B7FFAEAEAEFFCCCCCCFFCCCCCCFFAEAEAEFFFFFFFFFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FFFFFFFFFF595959FFABABABFFABABABFF595959FF737373FFE4E4E4FFB7B7B7FFAEAEAEFFCCCCCCFFF5F5F5FFCCCCCCFFAEAEAEFFFFFFFFFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FFFFFFFFFF595959FFABABABFFE4E4E4FFABABABFF595959FF737373FFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFFFFFFFFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FFFFFFFFFF595959FF595959FF595959FF595959FF595959FF595959FFAEAEAEFFAEAEAEFFCCCCCCFFCCCCCCFFCCCCCCFFCCCCCCFFFFFFFFFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FFFFFFFFFFABABABFFABABABFFABABABFFABABABFF595959FF595959FFAEAEAEFFAEAEAEFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF595959FF595959FFAEAEAEFFAEAEAEFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FFFFFFFFFFFFFFFFFFABABABFF7F7F7FFFFFFFFFFF595959FF595959FFAEAEAEFFAEAEAEFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FFFFFFFFFF595959FF595959FF595959FFFFFFFFFF595959FF595959FFAEAEAEFFAEAEAEFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FFFEFEFEFFC5C5C5FF595959FF595959FFFFFFFFFF595959FF595959FFAEAEAEFFAEAEAEFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FFFFFFFFFFFFFFFFFF595959FF595959FFFFFFFFFF595959FF595959FFAEAEAEFFAEAEAEFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FFFFFFFFFFFFFFFFFF595959FF595959FFFFFFFFFF595959FF595959FFAEAEAEFFAEAEAEFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FFFFFFFFFFFFFFFFFF595959FF595959FFFFFFFFFF595959FF595959FFAEAEAEFFAEAEAEFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF595959FF595959FFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFFAFAFAFFF5F5F5FF595959FF595959FF595959FF595959FF595959FF595959FF595959FF595959FF595959FFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFAEAEAEFFFDFDFDFFFCFCFCFF595959FF595959FF595959FF595959FF595959FF595959FF595959FF595959FF595959FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF";

It seems to me, that Acrobat is using different icons for lower or higher resolution of the screen device.

(Until now I can not believe, that I still cannot simply use a base64 encoded PNG for custom icons in the toolbar ...)

Can somebody please give me a hint, what I have to do to make the icons work in any screen resolution?

Thanks,

Tobias

[PDF Automation Station]

The new Acrobat has a lot of bugs like this.  Disable the new Acrobat.  You can put all the icons on your regular toolbar under customize quick tools.

[tobias.wantzen]

I already tested to disable the new UI, but there it is oposite: On the 5k monitor the icons work:

5k monitor, old Acrobat UI

and on 4k they don't:

4k, old Acrobat UI

It's a bit frustrating.

[PDF Automation Station]

Interesting.  I've never had them NOT work on the original Acrobat interface and never had them work on the new Acrobat.  Did you trying playing with the settings under Edit > Preferences > Page Display > Resolution?

[S. S]

Hi @tobias.wantzen,

Hope you are doing well. Sorry for the trouble. 

Would you mind sharing the version of Acrobat you are using where you experienced the issue?

I have shared this with the team, and we would like to know the version so that we can better understand this and investigate further.

Also, would you mind updating the app to the latest version (2024.005.20320) and check if the issue is the same?

-Souvik

[tobias.wantzen]

Thanks for contacting me. This is my version info up to now:

I’ll do the update and come back to tell, if the behaviour has changed.

[tobias.wantzen]

Now I’m on Acrobat 2024.005.20320. The issue persists as described above:

New Acrobat UI:

• On the 5k monitor: Icons are missing
• On the 4k monitor (second monitor on the system): Icons are well

Old Acrobat UI:

• On the 5k monitor: Icons are well
• On the 4k monitor (second monitor on the system): Icons are missing

[S. S]

Hi @tobias.wantzen,

Thanks for the details.

I have raised a ticket for the team to investigate.

Please allow me some time to get this checked and get back to you.

-Souvik

[tobias.wantzen]

@Souvik  Thanks!

BTW: Why don't you simplify those icons a bit by allowing base64-encoded PNGs or SVGs or something else? Creating those "streamed icons" is IMHO a bit nasty ...

[S. S]

Thanks, @tobias.wantzen!

Suggestion taken. 

I will share this with the devs for review and future changes.

-Souvik

[tobias.wantzen]

@SouvikThank you very much!

If your devs need the whole script, which incorporates the sample icon, it can be found here:

https://github.com/TobiasWantzen/ToggleCover

[S. S]

@tobias.wantzen, 

That's great!

Will forward this.

-Souvik