nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Watermark with an image not working

JimW

I am trying to add my company logo as a watermark to an image. As I understand it, the syntax is

watermark="image=mdclogo.jpg"‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

When I do this, all that appears on my image is the text after "watermark=" and not the actual logo:

This occurs in two different surveys. It also happened in a survey I created using the samples. I tried both PNG and JPG with the same results.

Am I missing something or doing something wrong? Thanks.

Find more posts tagged with

Accepted answers

rozekc_washtenaw

Okay, I ran through it myself and see what you're saying.

Try it like this:

watermark= &image=logo.png

*note the space and & before image

I also found it helpful to use imageSize: watermark= &image=logo.png&imageSize=80

The documentation, posts on GeoNet, etc. seem to be out of sync, maybe the syntax has changed with versions? Anyways, I set up the Watermarks sample in Connect and that's how I found that this syntax works. They put esri&, but then you get "esri" printed on the image as well, so I changed it to just " ".

All comments

JimW

The ampersand (&) before the image parameter did the trick

bottomLeftWatermark=&image=mdclogo.jpg&imageSize=150‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

In my case, if I included a space, just the text appeared where the image should be.

Definitely a disconnect between the help documentation and what works, at least in my case. Here is how the online help says to configure the image parameters. No ampersand before the image parameter.

watermark=image=example.png&imageSize=50<SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

Thanks for your help!

rozekc_washtenaw

Okay, I ran through it myself and see what you're saying.

Try it like this:

watermark= &image=logo.png

*note the space and & before image

I also found it helpful to use imageSize: watermark= &image=logo.png&imageSize=80

JimW

I've tried with quotes and without quotes and only get the text and not the actual image. I have confirmed that the images are in the survey's media folder.

rozekc_washtenaw

try without the quotes. the documentation (Watermarks—Survey123 for ArcGIS | Documentation) just shows: watermark=image=example.png

Can you confirm that the image is also in your survey's media folder?

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.