Custom View Controls in Flyout Menu

marrome · February 3, 2026, 12:57pm

WebViewer Version: 11.9.0

I disabled following buttons from the view control flyout menu:
‘continuousPageTransitionButton’,
‘defaultPageTransitionButton’

Now the buttons are gone, but the title of the section still remains:

The goal here is to have the view control flyout menu only consist of the two rotation settings and nothing else. How can I achieve this?

system · February 3, 2026, 12:58pm

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.

To customize the view controls in the flyout menu of WebViewer version 11.9.0, especially to remove sections that are empty after disabling certain buttons, you can achieve this by modifying the flyout menu configuration.

Some things you can try:

Access the flyout menu configuration in the WebViewer’s UI setup.

Identify the sections within the flyout menu and remove any sections that are empty or not needed.

Ensure that only the desired rotation settings are included in the menu.

Here are some resources that might help you:

Flyout Menus - Learn how to integrate and customize flyout menus in the UI.

Getting Started with Modular UI - Understand the basics of setting up and customizing the UI components.

View Mode Default Whitelist - Explore how to manage and customize view modes and their components.

Items and Zoom - Find out how to customize individual UI items like zoom levels and view controls.

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

jromanocarlsen · February 3, 2026, 4:25pm

Hello @marrome,

Thank you for posting on our forum.

With our Modular UI, you can use the Modular UI APIs to replace entire groups of items in one go rather than using disableElements.

For example, using setItems, you can override the view control flyout menu to filter out all the options besides the rotation tools:

const viewControlsFlyout = instance.UI.Flyouts.getFlyout('viewControlsFlyout');
const items = viewControlsFlyout.items;
const newItems = items.splice(4, 3); // can also do 5,2 if you don't want the header
viewControlsFlyout.setItems(newItems);

Which would look like the following:

For more information on using our Modular UI APIs, see our guide here: Flyout | Apryse documentation

Let us know if this works for you!

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