Forum Discussion
MaGrMo
Jun 14, 2021Copper Contributor
[bug] MS Teams for IOS, Adaptive Card action button is renders incorrect (trims)
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"
}
- ThereseSolimeno
Microsoft
Thanks for reporting this, MaGrMo . We ask that bug reports and feature requests be made on our Uservoice feedback forum, where others can vote on them and users can keep track of any updates made.
- MaGrMoCopper Contributor