TextSelect toolButton visible on Desktop

[tobias]

From what I can tell the TextSelect toolButton only shows on Phone / ipad and not on desktop.

I can see the TextSelect button in my Header Array but the button doesn’t show up in the menu.

Is there a way of forcing it to show on desktop?

What is the name of the icon with the cursor and arrow?

[system]

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 make the TextSelect toolButton visible on desktop versions of your application using Apryse’s PDF software APIs. The issue may arise due to the configuration of your header items or the specific conditions under which certain UI elements are displayed.

Some things you can try:

• Ensure that the TextSelect toolButton is correctly defined in the header array for desktop configurations.


• Use the setHeaderItems API to explicitly add the TextSelect toolButton for desktop environments. This method allows you to customize which buttons appear in the toolbar for different devices.


• Verify that the TextSelect toolButton is not being overridden or hidden by any additional styles or scripts in your implementation.


• Check if the icon with the cursor and arrow is included in the assets and correctly referenced in your configuration. The icon name might be something like ‘icon-text-select’ or similar, depending on the version and asset naming conventions.

Here are some resources that might help you:

• Customizing Viewer Toolbar / Header - This guide explains how to customize the header and toolbar items, including adding or removing buttons.


• UI Import and Export Flyouts - Learn how to manage UI components and ensure they appear correctly across different devices.


• Migrating to V11 Modular UI - Understand the new APIs for customizing the WebViewer UI, which might offer more flexibility for your use case.


• Adding walkthrough or product tour in WebViewer - This may help in understanding how to guide users through the UI, ensuring they can find and use the TextSelect toolButton effectively.

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

[luke.dam]

Hello Tobias,

Thank you for contacting WebViewer Forums.

The tool is the textSelectButton tool and can be enabled on legacy UI with the following code:

instance.UI.enableElement('textSelectButton')

Regards,
Luke

[tobias]

Thanks,

I can now force it to show also on desktop.

On desktop the button loads the marquee selector when the cursor is not hoovering over text, I understand that this might be expected behaviour for a desktop browser?

I can live with that but the toolbutton does not get highlighted when clicked (even though the tool changes) is there a way to make the toolButton highlight (as it does on phone / tablet)?

Best Regards,

Tobias