Cliquer sur les images dans la carte adaptative ne déclenche pas d'action sur les appareils IOS

Cliquer sur les images dans la carte adaptative ne déclenche pas d'action sur les appareils IOS malgré l'ouverture de la visionneuse d'images.

le clic fonctionne comme prévu sur l'application Web, l'application de bureau et les appareils Android, mais échoue sur les appareils iOS.

carte adaptative avec l'image cliquable.

après avoir cliqué sur son ouverture comme ceci.

Carte Json :

{
'contentType': 'application/vnd.microsoft.card.adaptive',
'content': {
'type': 'AdaptiveCard',
'version': '1.2',
'body': [
{
'type': 'TextBlock',
'size': 'medium',
'weight': 'Bolder',
'text': 'Here is the list of top analysis created for you: '
},
{
'type': 'ColumnSet',
'columns': [
{
'type': 'Column',
'spacing': 'medium',
'items': [
{
'type': 'Container',
'items': [
{
'type': 'Image',
'url': {image_url},
'horizontalAlignment': 'Center',
'width': '96px',
'height': '96px'
}
],
'selectAction': {
'type': 'Action.Submit',
'tooltip': 'Submit action',
'data': {
'bot_id': 113
}
}
},
{
'type': 'ColumnSet',
'verticalAlignment': 'Center',
'columns': [
{
'type': 'Column',
'items': [
{
'type': 'TextBlock',
'text': 'Beagle Recruit',
'horizontalAlignment': 'Center',
'weight': 'bolder',
'wrap': True,
'maxLines': 2
}
]
}
]
}
],
'width': 'stretch',
'horizontalAlignment': 'Center'
}
],
'horizontalAlignment': 'Center'
},
{
'type': 'ColumnSet',
'columns': [

],
'horizontalAlignment': 'Center'
},
{
'type': 'TextBlock',
'text': 'Select more analysis from the drop-down: ',
'spacing': 'extralarge',
'weight': 'Bolder',
'wrap': True
},
{
'type': 'Input.ChoiceSet',
'id': 'botid_d',
'spacing': 'large',
'isMultiSelect': False,
'value': 0,
'placeholder': 'List of analysis',
'choices': [
{
'title': 'List of analysis',
'value': 0
},
{
'title': 'Beagle Recruit',
'value': 113
}
]
},
{
'type': 'ActionSet',
'style': 'default',
'spacing': 'large',
'actions': [
{
'type': 'Action.Submit',
'color': 'default',
'title': 'Open'
}
]
}
],
'msteams': {
'width': 'Full'
}
}
}


Solution du problème

Nous avons essayé avec le json ci-dessous et cela a fonctionné pour nous à la fois dans les équipes de bureau/web et les clients mobiles (iOS). Le clic sur les images déclenche une action. Pourriez-vous s'il vous plaît référer ceci?

JSON:

{
"type": "AdaptiveCard",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"url": "https://demo-res.cloudinary.com/image/upload/sample.png",
"altText": "Navigation and Help",
"selectAction": {
"type": "Action.Submit",
"title": "Navigation and help",
"data": {
"msteams": {
"type": "imBack",
"value": "Can you help me with Navigation and Help"
}
}
},
"horizontalAlignment": "Center",
"width": "100px"
}
],
"height": "stretch",
"horizontalAlignment": "Center",
"spacing": "Padding"
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"url": "https://demo-res.cloudinary.com/image/upload/sample.png",
"altText": " Learning and development",
"selectAction": {
"type": "Action.Submit",
"title": "Learning and development",
"data": {
"msteams": {
"type": "imBack",
"value": "Can you help me with Learning and development"
}
}
},
"horizontalAlignment": "Center",
"width": "100px"
}
],
"horizontalAlignment": "Center",
"spacing": "Padding"
}
],
"style": "default",
"horizontalAlignment": "Center",
"spacing": "Padding",
"height": "stretch"
},
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.1"
}

entrez la description de l'image ici

Commentaires

Posts les plus consultés de ce blog

La fonction GCP Cloud pour écrire des données dans BigQuery s'exécute avec succès, mais les données n'apparaissent pas dans la table BigQuery

Erreur Symfony : "Une exception a été levée lors du rendu d'un modèle"

Le shell POSIX (sh) redirige stderr vers stdout et capture stderr et stdout dans des variables