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; } } }

Dynamic URL to image in List widget

VHolubec

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

Find more posts tagged with

Accepted answers

BrunoSousa1

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

All comments

AlderMaps

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!

TravisLathrop_topeka

BRILLIANT!!!!!

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

BrunoSousa1

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.

TravisLathrop_topeka

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?

Anonymous User

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!

BrunoSousa1

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.

Anonymous User

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

VHolubec

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

BrunoSousa1

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

VHolubec

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.

BrunoSousa1

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

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.