You've created buttons in our Desktop app, but when you test them on the iPad they don't work. The most common root cause of this issue is when actions are added to components on a page and then the component is configured to have an opacity value of 0. While components with zero opacity are clickable in our Desktop app, they do not work on the iPad. This is due to a technical restriction in any iOS app where an object with zero opacity is not rendered to the screen and as such is not tappable.

Presentation designers or editor often create these types of components so that they can have a button that floats over top of multiple items on the page. For example when they want an image and a text component to open the same popup, they will add a rectangle shape over the two components, add an action to it, then set the opacity to zero so that it doesn't obscure the two components.

The workaround for this issue is to use a special kind of button called a hotspot. The hotspot button is a placeholder shape that you can add above any content on your page and add an action to it (like a popup or web link). When presented the hotspot is presented as clear as to not cover the content on your page, but remains clickable.

Hotspots allow you to create interactive elements—such as pop-ups, navigation links, or highlights—directly inside your page. Follow the steps below to add and configure a hotspot using the Page Editor.