topic Re: [JSAPI 4.7 vs 4.6][PopupTemplate] mediaInfo image hide when empty in ArcGIS JavaScript Maps SDK Questions

[JSAPI 4.7 vs 4.6][PopupTemplate] mediaInfo image hide when empty

QiZhao — Thu, 19 Apr 2018 18:09:19 GMT

I noticed a change in popup behavior when I upgraded ArcGIS API from v4.6 to v4.7. I have a layer with images in popup template. Some features in that layer may not have an image, i.e. {Image} field empty.

In JSAPI v4.6, the popup will not show image when empty, as expected:

However, in JSAPI v4.7, the popup will show an empty image, which looks very weird:

Here is an running example:

https://codepen.io/anon/pen/YLzoZP

I'm wondering if this change is made on purpose or it's a bug in v4.7 API? Thanks.

Re: [JSAPI 4.7 vs 4.6][PopupTemplate] mediaInfo image hide when empty

MattDriscoll — Thu, 19 Apr 2018 23:41:48 GMT

Hi Justdoit011‌, Yes this looks to be a bug. I'll get an issue created. Are you able to work around it? At the very least have some kind of arcade expression that will show a "no image" image when there isn't a valid URL.

Re: [JSAPI 4.7 vs 4.6][PopupTemplate] mediaInfo image hide when empty

QiZhao — Sun, 12 Dec 2021 06:33:15 GMT

Hi Matt,

Thank you for confirming this issue. Yes, I was able to work around it with Arcade expression. When the image url is empty, I just use a placeholder image instead. The bubble will look like below. It looks better than the empty image but not as good as fully hide the image area.

Here is the Arcade expression:

{
  "popupInfo": {
    "title": "{Name}",
    "fieldInfos": [...],
    "expressionInfos": [{
      "name": "expr0",
      "title": "ImageUrl",
      "expression": "IIf(IsEmpty($feature.Thumbnail),'http://hazegazer.org/assets/image/img_not_available.png',$feature.Thumbnail)",
      "returnType": "string"
    }],
    "mediaInfos": [{
      "title": "Image",
      "type": "image",
      "value": {
        "sourceURL": "{expression/expr0}",
        "linkURL": "{Image}"
      }
    }]
  }
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: [JSAPI 4.7 vs 4.6][PopupTemplate] mediaInfo image hide when empty

QiZhao — Thu, 05 Jul 2018 19:25:34 GMT

It seems that the empty image issue has been fixed in JSAPI v4.8 release. You don't need to workaround it using Arcade expression anymore. Thanks.