ImageSet

The ImageSet allows for the inclusion of a collection images like a photogallery.

Property Type Required Description
images Image[] Yes The array of Image elements to show
imageSize string No, default: "auto" Controls the approximate size of the image. The physical dimensions will vary per host. Specify “auto” for true image dimension or “stretch” to force it to fill the container
type "ImageSet" No Must be ImageSet
id string No A unique Id associated with the element
spacing string No Controls the amount of spacing between this element and the previous element.
separator boolean No, default: false The Separator object type describes the look and feel of a separation line between two elements.

Example

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [
        {
            "type": "ImageSet",
            "images": [
                {
                    "type": "Image",
                    "url": "http://adaptivecards.io/content/cats/1.png"
                },
                {
                    "type": "Image",
                    "url": "http://adaptivecards.io/content/cats/1.png"
                },
                {
                    "type": "Image",
                    "url": "http://adaptivecards.io/content/cats/1.png"
                },
                {
                    "type": "Image",
                    "url": "http://adaptivecards.io/content/cats/1.png"
                },
                {
                    "type": "Image",
                    "url": "http://adaptivecards.io/content/cats/1.png"
                },
                {
                    "type": "Image",
                    "url": "http://adaptivecards.io/content/cats/1.png"
                }
            ]
        }
    ]
}
{ "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.0", "body": [ { "type": "ImageSet", "images": [ { "type": "Image", "url": "http://adaptivecards.io/content/cats/1.png" }, { "type": "Image", "url": "http://adaptivecards.io/content/cats/1.png" }, { "type": "Image", "url": "http://adaptivecards.io/content/cats/1.png" }, { "type": "Image", "url": "http://adaptivecards.io/content/cats/1.png" }, { "type": "Image", "url": "http://adaptivecards.io/content/cats/1.png" }, { "type": "Image", "url": "http://adaptivecards.io/content/cats/1.png" } ] } ] }
Try it Yourself »

Properties

images

The array of Image elements to show

  • Type: Image[]
  • Required: Yes

imageSize

Controls the approximate size of the image. The physical dimensions will vary per host. Specify "auto" for true image dimension or "stretch" to force it to fill the container

  • Type: string
  • Required: No, default: "auto"
  • Allowed values:
    • "auto"
    • "stretch"
    • "small"
    • "medium"
    • "large"

Example

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [
        {
            "type": "ImageSet",
            "imageSize": "small",
            "images": [
                {
                    "type": "Image",
                    "url": "http://adaptivecards.io/content/cats/1.png"
                },
                {
                    "type": "Image",
                    "url": "http://adaptivecards.io/content/cats/2.png"
                },
                {
                    "type": "Image",
                    "url": "http://adaptivecards.io/content/cats/3.png"
                },
                {
                    "type": "Image",
                    "url": "http://adaptivecards.io/content/cats/1.png"
                },
                {
                    "type": "Image",
                    "url": "http://adaptivecards.io/content/cats/2.png"
                },
                {
                    "type": "Image",
                    "url": "http://adaptivecards.io/content/cats/3.png"
                }
            ]
        }
    ]
}
{ "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.0", "body": [ { "type": "ImageSet", "imageSize": "small", "images": [ { "type": "Image", "url": "http://adaptivecards.io/content/cats/1.png" }, { "type": "Image", "url": "http://adaptivecards.io/content/cats/2.png" }, { "type": "Image", "url": "http://adaptivecards.io/content/cats/3.png" }, { "type": "Image", "url": "http://adaptivecards.io/content/cats/1.png" }, { "type": "Image", "url": "http://adaptivecards.io/content/cats/2.png" }, { "type": "Image", "url": "http://adaptivecards.io/content/cats/3.png" } ] } ] }
Try it Yourself »

type

Must be ImageSet

  • Type: "ImageSet"
  • Required: No
  • Allowed values:
    • ImageSet

id

A unique Id associated with the element

  • Type: string
  • Required: No

spacing

Controls the amount of spacing between this element and the previous element.

  • Type: string
  • Required: No
  • Allowed values:
    • "none"
    • "small"
    • "default"
    • "medium"
    • "large"
    • "extraLarge"
    • "padding"

separator

The Separator object type describes the look and feel of a separation line between two elements.

  • Type: boolean
  • Required: No, default: false