Embedded image in sidecar "click anywhere to interact"

JaredPilbeam2

I have a *.gif as an embed in a sidecar slide. I tried the following with both an iframe and img tag. Neither removed the message.

<iframe src="unionoil.gif" remove-click-to-interact="true" alt="union oil explosion" style="width:70%;height:70%;"></iframe>

There were a couple old posts referring to the "click anywhere to interact" message that pops up.

The only way I was able to remove it was to add an image on its own, as in outside of the sidecar. Can I not remove the message in a sidecar slide?

JaredPilbeam2

I wasn't following instructions to embed images (i.e. GIFs) properly. I was linking the GIF which I hosted on our server and then provided the link in the Embed window.

I learned that if you link it as opposed to just pasting the HTML code in the box there is a good chance you will experience problems. Check this article out:

https://www.esri.com/arcgis-blog/products/arcgis-storymaps/constituent-engagement/enrich-your-story-...

So, after reading the article I pasted the code in the Embed window instead using remove-click-to-interact='true', like so, and the message did not appear.

<iframe src="https://webapp.willcountyillinois.com/unionoil.gif" remove-click-to-interact="true" alt="union oil explosion" style="width:70%;height:70%;"></iframe>

View solution in original post

PeterKnoop

Is there a particular reason you need to add your GIF using an "Embed"? If not, then I would instead upload the GIF file directly as "Image or video" on your sidecar slide.

JaredPilbeam2

Hi @PeterKnoop ,

That's actually what I originally did. Even though the file was under the limit the page would freeze up. I removed a whole bunch of frames from the GIF; as much as I could until there were the minimum amount needed to make sense. It would just "save" for hours.

JaredPilbeam2

I wasn't following instructions to embed images (i.e. GIFs) properly. I was linking the GIF which I hosted on our server and then provided the link in the Embed window.

I learned that if you link it as opposed to just pasting the HTML code in the box there is a good chance you will experience problems. Check this article out:

https://www.esri.com/arcgis-blog/products/arcgis-storymaps/constituent-engagement/enrich-your-story-...

So, after reading the article I pasted the code in the Embed window instead using remove-click-to-interact='true', like so, and the message did not appear.

<iframe src="https://webapp.willcountyillinois.com/unionoil.gif" remove-click-to-interact="true" alt="union oil explosion" style="width:70%;height:70%;"></iframe>