"Protect" images

Anyone know how to make an image not download by holding it down with finger?

We will have to wait for Glide to “patch” it or add it as an option.
I think. Anyone correct me if I am wrong.

1 Like

The only way to “protect” images is using Title Component, unfortunately the size is static with it :frowning_face:

Put a watermark because the user can still print the image

1 Like

It is not so much the fact that you can copy it, I’m ok with that.
The annoying thing is the popup when you hold down with your finger. :frowning_face:

You could do a relation to self and then display the image in an inline list tile view? Use Cloudinary to add an overlay?

is it possible to change the image sizes just like image component?

I just tried it, it still shows the popup :confused:

Yep!

Must be an Android thing. I’m not getting the pop up in ios

1 Like

If you’re displaying the image in an inline list tile view, in the details page, add a rich text box and paste in the following code:

<pre><span><style>
[data-test="tile-item"] {
-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */
-o-user-select: none;
user-select: none;
}
</style></span></pre>

It’s not a prefect solution as users will still be able to view the source of the page to grab images, but this should prevent right-click for tiles.

1 Like

Hi @Robert_Petitto
It didn’t work :confused:
did I do something wrong?

RICH TEXT:

INLINE LIST + RICH TEXT:

INLINE LIST AS TILES:

Whoops. You’re missing a <pre> tag before <span>

not working yet :confused:
maybe it’s an android thing