Interactive SVG instead of responsive image map? Problems

This forum is for all Flare issues not related to any of the other categories.
Post Reply
hattie
Jr. Propeller Head
Posts: 6
Joined: Thu Oct 29, 2015 3:28 am

Interactive SVG instead of responsive image map? Problems

Post by hattie »

Hi all,

I have a question.
I am trying to do something like this in Flare:
https://researchasahobby.com/how-to-dis ... Press_site
i.e. add an SVG with highlighted sections that are displayed when you hover over it. When you click the highlighted sections, a table/piece of information is displayed in the box below the SVG with further information.

It is working reasonably well, however, my problems are:
  • I cannot insert the image like a normal image in Flare ( Drag & Drop or via the insert dialogue) as it then is no longer interactive. So I have to copy the content of the SVG into a <p> tag.
    If I don't insert it the normal way, it doesn't scale with the screen size.
Is there a way to make the SVG scale according to screen size and still keep the interactive part?
Kwolfe
Jr. Propeller Head
Posts: 1
Joined: Wed Nov 03, 2021 2:33 pm

Re: Interactive SVG instead of responsive image map? Problem

Post by Kwolfe »

Did you ever find out how to do this? I'm also trying to use SVGs with interactivity. Flare likes to add images as <img>, which is fine, but SVGs lose all interactivity when you do that, as you already know. So, I'm curious if you have found a way to do this.
Post Reply