topic Re: Dynamic URL to image in List widget in ArcGIS Experience Builder Questions

Dynamic URL to image in List widget

VHolubec — Tue, 25 May 2021 17:22:49 GMT

Hello,

in ExB I have a list widget which uses a data from table layer.

I need to set a image for each item in a list based on combination of fix url, and the attribute of the feature - which changes in time. Is there a way to do so?

It seems, that Arcade expressions are not supported / even it would be a best option there - to use something like:

"https://server.domain.com/images/" + {attribute} + ".png"

On a list I see for the image url just an attribute and function - none of them does not handle the example above.

Have someone know if there is any other way I missed?

Thank you.

Vladimir

Re: Dynamic URL to image in List widget

BrunoSousa1 — Tue, 25 May 2021 17:21:35 GMT

Hi

Not sure if you're doing this but your expression should look like: "https://server.domain.com/images/"+{attribute}+".png"

You can also have the whole URL as an attribute in the table, so you would only need to use the attribute instead of an expression if that's not working for you.

You can see this working on my apps:
Beirut Recovery Map
Perseverance Rover

Re: Dynamic URL to image in List widget

VHolubec — Tue, 25 May 2021 17:42:55 GMT

Hi @BrunoSousa1

you are right, I just forgot the + marks there, but yes, with + marks it works fine in Arcade (I fixed this in original post).

Anyway, the static url attribute is not the option I am seeking for.

The attribute is related to state of water quality, and {attribute} can change quite often during the time (the values coming from domain), and the url attribute would be a one more attribute to maintain, which can raise more errors in data - anyway if there wouldn´t be any other change this is the last possible workaround.

Vladimir

P.S. very nice apps! Thank you for links.

Re: Dynamic URL to image in List widget

BrunoSousa1 — Tue, 25 May 2021 17:56:49 GMT

Hi @VHolubec

This is an expression that's working for me on the Beirut Recovery App:

Do you mind sharing a URL to an image in your table? I'm curious as why it's not working

Re: Dynamic URL to image in List widget

VHolubec — Tue, 25 May 2021 18:16:12 GMT

Hi, @BrunoSousa1,

it's awkward, I am sorry. I had there a wrongly quotation marks. The screenshot has helped me a lot.

Thank you so much!

Vladimir

Re: Dynamic URL to image in List widget

Anonymous User — Wed, 26 May 2021 19:11:54 GMT

Hi all,

I have a similar issue in where ArcGIS Experience does not fetch the image of an url I added in the data in a List Widget, see image below.

I tried replacing 'https' to 'http', but this did not help either. It is not a link that is made with an expression. (i.e. this image ).

So, it is not the exact problem as asked above, but a very similar one I guess. Could somebody steer me in the right direction or do you perhaps know it @BrunoSousa1 ?

Thanks!

Geert

Re: Dynamic URL to image in List widget

BrunoSousa1 — Wed, 26 May 2021 22:15:44 GMT

HI @Anonymous User ,

I added the URL of the image you mentioned to a table and tried it on a list widget and the imaged loaded.

You have the full image URLs within your table, right? They should work right away when you connect the List widget to the data/layer and choose the column/attribute that stores the full URL for each image.

Try again with the Chrome Developer Tools (F12) open on Console to see what error messages it shows.

Re: Dynamic URL to image in List widget

Anonymous User — Thu, 27 May 2021 09:15:03 GMT

Hi @BrunoSousa1,

I tested it with a different layer file and saw I used the wrong column this whole time!! I appreciate your time in answering my question!

Re: Dynamic URL to image in List widget

TravisLathrop_topeka — Fri, 28 Jun 2024 15:29:24 GMT

I've got a similar issue calling to an image from the list widget.

We have a working app that provides an image based on a 'RefID' field in our dataset. This works fine in a pop up created in WebAppBuilder. Our hyperlink is configured below....where the QuickRefID is a field that seaks to individual images.

https://ares.sncoapps.us/common/getphoto?quickref={QuickRefID}&size=large

That same statement doesn't seem to work in ExB. Below is how I have the dialogue configured.

Anyone have any ideas whey this is not working as expected?

Re: Dynamic URL to image in List widget

BrunoSousa1 — Fri, 28 Jun 2024 15:51:12 GMT

Hi Travis,

Try this URL instead: "https://ares.sncoapps.us/common/getphoto?quickref="+{QuickRefID}+"&size=large"

Your expression is treating {QuickRefID} as a string part of the final URL, instead of dynamic data from a column. What I did was to separate the URL into 3 parts, concatenated with the column in the Middle.
You might have to add the column to that position by selecting it from the list of fields below the Expression area, as just typing it might not work.

Let me know if this helps.

Re: Dynamic URL to image in List widget

TravisLathrop_topeka — Fri, 28 Jun 2024 16:46:06 GMT

BRILLIANT!!!!!

That did the trick. Thank you so much. Bravo:)

Re: Dynamic URL to image in List widget

AlderMaps — Mon, 29 Jul 2024 20:55:54 GMT

This was very helpful for configuring my list; thank you for posting!

Specifically I needed the gory details on how to use images (in my case just solid color pngs blanketing the background of the list item) dynamically via an expression...voila!