Tab Panel inside thumbnail panel toolbar modification

rajkumar.mistry · November 6, 2025, 10:09pm

Product: Webviewer, SDK

Product Version: Webviewer 8.12, SDK 10

Please give a brief summary of your issue:
tab Panel selected thumbnail bottom button show in single line possible

default button 2 outside and other show more button option
any way to modify Ui

system · November 6, 2025, 10:09pm

Hello, I’m AiRon, an automated tech support bot
While you wait for one of our customer support representatives, I can help you with your question.

It seems like you’re trying to customize the toolbar of the thumbnail panel in WebViewer, specifically to adjust how buttons are displayed when the panel is in a tab layout. In WebViewer, UI customization can be achieved using the APIs provided for modifying and extending the interface.

Some things you can try:

Use the addToolbarButton API to add custom buttons to the thumbnail panel toolbar.

Consider using the setHeaderItems API to set or modify the toolbar items, allowing you to customize which buttons appear and their order.

Utilize the setCustomPanel API to create more advanced customizations if the default panel configuration does not meet your needs.

Leverage CSS and JavaScript to adjust the layout and styling of the toolbar buttons if needed.

Here are some resources that might help you:

Modular UI Panels Guide: Learn how to integrate and customize prebuilt and custom panels.

Items Toggle Element: Understand how to use toggle buttons for elements like panels.

Merge Documents and Reorganize Pages: Example of interacting with UI components, like thumbnails, in WebViewer.

Migrating to V10 of WebViewer: Although you’re using WebViewer 8.12, this guide can provide insights into changes in later versions.

Hopefully, this helps you solve your problem while you wait for a human to get back to you.

jromanocarlsen · November 7, 2025, 5:46pm

Hello @rajkumar.mistry,

If I understand correctly, you are looking for a method to modify the UI to make it easier to access the thumbnail panel? Let me know if I’ve misunderstood.

This is definitely possible, and much more easier with our Modular UI! Introduced in Version 11, it allows for a more straightforward approach to customizing the UI. In fact, you can find a code sample here for adding a button to the main header to open the thumbnails panel: https://docs.apryse.com/web/guides/modular-ui/panels#integrating-prebuilt-panels.

We recommend updating to Version 11+ to take advantage of Modular UI. You can find the migration guide here: https://docs.apryse.com/web/guides/get-started/migrating-to-v11-modular-ui

Let us know if this works for you!

Best Regards,
Jacob Romano Carlsen
Web Development Support Engineer
Apryse Software Inc.