MadCap Software Forums

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?

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.