popupElement media

Configures media in popup elements.

Referenced by: popupElement

Properties

Property Details
attributes A dictionary of key value pairs representing attributes to be used instead of fields and their values. This property is only used when an element of type media is being returned inside an element of type expression and should be returned as part of the arcade expression itself. This property allows passing arcade derived attribute values into mediaInfos such as charts. More details can be found here.
description An optional string value describing the element in detail. This property does not apply when the type is text or expression.
mediaInfos[] An array of mediaInfo objects representing an image or chart for display. If no mediaInfos property is provided, the popupElement will display whatever is specified in the popupInfo.mediaInfos property.
title An optional string value indicating what the element represents. This property does not apply when the type is text or expression.
type
Valid value of this property media

Additional information

Each popupElement has a type property. This string value indicates the type of popupElement used.

popupElement media image Example

{
  "mediaInfos": [
    {
      "type": "image",
      "title": "<div><p style='font-weight:bold;'><span>Image</span></p></div>",
      "caption": "<div><p><span>californiaa flag</span></p><p><span /></p></div>",
      "value": {
        "sourceURL": "http://www.50states.com/flag/image/nunst0006.gif"
      }
    }
  ],
  "type": "media"
}

popupElement media chart Example

{
  "mediaInfos": [
    {
      "type": "columnchart",
      "title": "<div><p style='font-weight:bold;'><span>Chart</span></p></div>",
      "caption": "<div><p><span style=\"color:#DF73FF;\">This shows Rotation and size.</span></p></div>",
      "value": {
        "fields": [
          "rotation",
          "size"
        ]
      }
    }
  ],
  "type": "media"
}

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.