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

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

Détecter les appuis sur les touches fléchées en JavaScript

Une chaîne vide donne "Des erreurs ont été détectées dans les arguments de la ligne de commande, veuillez vous assurer que tous les arguments sont correctement définis"