Hello we have developing Teams bot, and main flow is using Adaptive Card with Adaptive actions. on Mobile version of MSTeams iOS(version 3.8.1), is renders incorrect (trims or event does not shown) screenshots below.
On Adaptive Designer, Desktop Version, Web and Android is OK but on iOS we faced with problem.
Here is Adaptive Card Json:
{
"type": "AdaptiveCard",
"version": "1.2",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "50px"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "Hello, ",
"wrap": true
},
{
"type": "TextBlock",
"text": "I am here to help you. Please choose one of the topics below to start",
"wrap": true
}
]
}
]
},
{
"type": "Container",
"id": "actionContainer",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"data": {
"type": "ShowCard",
"keyCard": "@key1",
"fromMenuKey": "@command1"
},
"title": "[ Word1 word2 word 3]"
}
],
"spacing": "Small"
}
],
"spacing": "Small"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"size": "Small",
"weight": "Lighter",
"text": "All necessary word \n word2 word3 word 4",
"horizontalAlignment": "Right",
"wrap": true,
"spacing": "None"
}
],
"verticalContentAlignment": "Center",
"selectAction": {
"type": "Action.Submit",
"data": {
"type": "ShowCard",
"keyCard": "@key2",
"fromMenuKey": "@command2"
},
"title": "[ Word1 Word2 Word3 Word6]"
},
"width": "stretch"
}
],
"spacing": "Small",
"separator": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"data": {
"type": "ShowCard",
"keyCard": "@key3",
"fromMenuKey": "@command3"
},
"title": "[ word1 word2 word3 word6 ]"
}
]
}
],
"spacing": "Small"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"size": "Small",
"weight": "Lighter",
"text": "If you have word1 question word2 word3 word4 word5",
"horizontalAlignment": "Right",
"wrap": true,
"spacing": "None"
}
],
"verticalContentAlignment": "Center",
"selectAction": {
"type": "Action.Submit",
"data": {
"type": "ShowCard",
"keyCard": "@key4",
"fromMenuKey": "@command4"
},
"title": "[ Request word help ]"
},
"width": "stretch"
}
],
"spacing": "Small",
"separator": true
}
]
},
{
"type": "ColumnSet",
"id": "searchColumnset",
"columns": [
{
"type": "Column",
"width": "auto"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "Input.Text",
"id": "searchInputText",
"placeholder": "Key word "
}
]
},
{
"id": "searchColumn",
"type": "Column",
"width": "stretch",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"data": {
"type": "runDialog",
"dialog": "SearchDialog",
"fromMenuKey": "@command1"
},
"title": "Search"
}
]
}
]
},
{
"type": "Column",
"width": "auto",
"height": "stretch"
}
]
},
{
"type": "TextBlock",
"id": "navigationTextBlock",
"text": "Help"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
