Microsoft Adaptive Card - Taille de la colonne

Question

Est-ce que quelqu'un sait quelle est la bonne valeur à définir pour la taille de la colonne pour carte adaptative? Schéma (http://adaptivecards.io/explorer/#Column) dit

"auto", "stretch", ou un nombre représentant la largeur relative de la colonne dans l'ensemble de la colonne (par défaut: Auto)

mais en fait je l'ai nombre essayé, pourcentage, px, pt mais aucun ne fonctionne.

Merci

Answer 1

Si vous allez voir cet exemple: http://adaptivecards.io/visualizer/?card=/samples/cards/Input%20Form.json

Vous verrez que le format est un nombre de base:

{ 
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", 
    "type": "AdaptiveCard", 
    "version": "0.5", 
    "body": [ 
    { 
     "type": "ColumnSet", 
     "columns": [ 
     { 
      "type": "Column", 
      "size": 2, 
      "items": [ 
      { 
       "type": "TextBlock", 
       "text": "Tell us about yourself...", 
       "weight": "bolder", 
       "size": "large" 
      }, 
      { 
       "type": "TextBlock", 
       "text": "We just need a few more details to get you booked for the trip of a lifetime!", 
       "isSubtle": true, 
       "wrap": true 
      }, 
      { 
       "type": "TextBlock", 
       "text": "Don't worry, we'll never share or sell your information.", 
       "isSubtle": true, 
       "wrap": true, 
       "size": "small" 
      }, 
      { 
       "type": "TextBlock", 
       "text": "Your name", 
       "wrap": true 
      }, 
      { 
       "type": "Input.Text", 
       "id": "myName", 
       "placeholder": "Last, First" 
      }, 
      { 
       "type": "TextBlock", 
       "text": "Your email", 
       "wrap": true 
      }, 
      { 
       "type": "Input.Text", 
       "id": "myEmail", 
       "placeholder": "youremail@example.com", 
       "style": "email" 
      }, 
      { 
       "type": "TextBlock", 
       "text": "Phone Number" 
      }, 
      { 
       "type": "Input.Text", 
       "id": "myTel", 
       "placeholder": "xxx.xxx.xxxx", 
       "style": "tel" 
      } 
      ] 
     }, 
     { 
      "type": "Column", 
      "size": 1, 
      "items": [ 
      { 
       "type": "Image", 
       "url": "https://upload.wikimedia.org/wikipedia/commons/b/b2/Diver_Silhouette%2C_Great_Barrier_Reef.jpg", 
       "size": "auto" 
      } 
      ] 
     } 
     ] 
    } 
    ], 
    "actions": [ 
    { 
     "type": "Action.Submit", 
     "title": "Submit" 
    } 
    ] 
} 

Il fonctionne un peu comme bootstrap; ici votre première colonne aura 2/3 = 2/(2 + 1) de la largeur totale, et la seconde 1 tiers (1/(2 + 1)). Vous pouvez manipuler les valeurs dans le testeur fourni