title: Microsoft Bot Framework image size in adaptive card
body: <p>I'm trying to set the height of an image in a bot framework adaptive card.  It doesn't have to be exact, but it should be close.</p>
  
  <p>For the following markup</p>
  
  <pre><code>
  {
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "type": "AdaptiveCard",
  "version": "1.0",
  "body": [
  {
  "speak": "",
  "type": "Container",
  
  
            "items": [
                  {
                    "type": "TextBlock",
                    "text": "Acai Bowls, Juice Bars &amp; Smoothies, Vegan"
                  },
                  {
                    "type": "TextBlock",
                    "text": "11:11 Health Bar",
                    "weight": "bolder",
                    "size": "Medium",
                    "spacing": "none"
                  },
                  {
                    "type": "Image",
                    "url": "https://sarestlocatoreastprem.blob.core.windows.net/images/small_4_half.png?st=2019-05-22T12%3A21%3A32Z&amp;se=2029-05-23T12%3A21%3A00Z&amp;sp=rl&amp;sv=2018-03-28&amp;sr=b&amp;sig=XHqT5Fzdrc9idAYDM9slnMvC7W84d760qM6DC%2BHRZkE%3D",
                    "size": "auto",
                    "width": "82px",
                    "height": "14px"
                  },
                  {
                    "type": "TextBlock",
                    "text": "(29 reviews)",
                    "isSubtle": true,
                    "spacing": "none"
                  },
                  {
                    "type": "TextBlock",
                    "text": "",
                    "size": "small",
                    "wrap": true
                  },
                  {
                    "type": "TextBlock",
                    "text": "87 Union St\r\nNewton, MA 02459",
                    "size": "small",
                    "wrap": true
                  },
                  {
                    "type": "Image",
                    "url": "https://s3-media3.fl.yelpcdn.com/bphoto/-UK0ZIiw99QtnIqljweeXw/o.jpg",
                    "size": "auto",
                    "height": "200px"
                  }
                ]
            }
        ],
        "actions": [
          {
            "type": "Action.OpenUrl",
            "title": "Directions",
            "url": "https://www.google.com/maps/@42.3297699,-71.1926317,18z?hl=en"
          },
          {
            "type": "Action.OpenUrl",
            "title": "More Info",
            "url": "https://www.yelp.com/biz/11-11-health-bar-newton"
          }
        ]
      }
  
  </code></pre>
  
  <p>the adaptive card visualizer</p>
  
  <p><a href="https://adaptivecards.io/visualizer/index.html?hostApp=Bot%20Framework%20WebChat" rel="nofollow noreferrer">https://adaptivecards.io/visualizer/index.html?hostApp=Bot%20Framework%20WebChat</a></p>
  
  <p>shows a 200px high image.</p>
  
  <p>When I run the app the adaptive card displayed in the browser shows an 86px high image.</p>
  
  <p>I know adaptive cards aren't meant to be pixel-perfect, but I should be able to control the image height with the specified properties.</p>
  
  <p>What am I doing wrong here?</p>
  
  <p>Here's a link to the bot running with the web chat client</p>
  
  <p><a href="http://adamsrestaurantbot.azurewebsites.net/" rel="nofollow noreferrer">http://adamsrestaurantbot.azurewebsites.net/</a></p>
  
  <p>Thanks,</p>
  
  <p>Adam</p>
  
  <p>P.S. Versions</p>
  
  <p>Adaptive Cards 1.1.2
  Microsoft.Bot.Builder 4.2.2</p>