Clickable Map — Responsive Design

Question

I'm trying to make a map with clickable areas that play sounds.

(For example—you click the city and hear traffic/honking horns... you click the coast and hear ocean waves.)

I tried this as scalable HTML and it works but it bugs out on smart phones when you double tap.

It seems the phone resizes the browser on double tap and the clickable areas can't keep up... it gets wonky.

The sounds play inconsistently and the page keeps resizing while you're trying to click.

Is it possible to make clickable areas on an image in true responsive design?

I haven't been able to figure out how to keep my clickable areas attached to the right spots on my map background while the window scales.

Thanks for considering!

Lilybiri · Accepted Answer

Which version do you use? There are two worflows to create responsive projects in CP2017: Fluid Boxes and Breakpoint Views. More details in my blog post:

Fluid Boxes Or Breakpoint Views? - Captivate blog

Yoyu have to be aware of the fact that it is impossible to stack objects in the Fluid Boxes workflow (unless you use static fluid boxes, where you lose deal of the real fluidity).

Even for breakpoint views I learned that it is much easier if you don't have objects that you have to keep 'together'. I don't know exactly how you build the clickable map? Do you use the command Play Audio triggered by the success event of the interactive object?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded