When designing pages in Ingage, it's common to stack multiple components on top of each other — for example, a background image with a text box and a hotspot button layered over it. The challenge is that when you click on the page, you'll select whatever component is on top, making it difficult to reach the components underneath. The Select Layer feature solves this by letting you choose exactly which component you want to select, regardless of its position in the layer stack.
The Problem: Clicking Selects the Top Layer
Imagine a page that looks like a single element but is actually made up of three stacked components: a background image at the bottom, a text component in the middle, and a hotspot button on top. If you try to click the image to replace it, you'll end up selecting the hotspot instead — which may trigger a popup or select an element you didn't intend to interact with.
Without Select Layer, the workaround would be to move or temporarily delete the components on top just to reach the one underneath. That's time-consuming and risky if you accidentally misplace something.
How to Use Select Layer
Locate your presentation and enter Edit mode
Navigate to the page with the stacked components
Right-click (right-mouse-click) anywhere on the area where the components overlap
In the context menu that appears, look for the Select Layer option
Hover over Select Layer to see a list of all components stacked at that location
Click the component you'd like to select (e.g., the background image)
Once the component is selected, you can edit it just like normal — use the Style Panel on the right sidebar to replace an image, change text, adjust properties, and more.
Example: Replacing a Background Image
Here's a practical example of how Select Layer saves time:
You have a page with a hotspot, a text label, and a background image — all stacked on top of each other
You want to swap out the background image, but clicking on the page selects the hotspot
Right-click on the page and choose Select Layer, then select the image from the list
With the image now selected, click Replace Image in the Style Panel on the right sidebar
Choose your new image and click Open
The background image updates without having to move any of the other components
Things to Know
Select Layer shows all components at the location where you right-clicked, listed from front (top) to back (bottom)
This feature saves you from having to rearrange or temporarily remove components just to reach something underneath
It works with any type of component — images, text, shapes, hotspots, buttons, videos, and more
This feature is available on the Desktop app (Mac and Windows)
For more on arranging the layer order of components (moving items to the front, back, forward, or backward), see the Component Guide