[IOS][Layout] verticalContentAlignment with "center" doesn't take effect in container

[FelixZhang001]

Platform

• iOS

Author or host

Host - Teams IOS

Version of SDK

latest master.

Details

Tried to use adaptive card lastest master branch sample app to test below payload.
Seems that "verticalContentAlignment": "center" doesn't take effect and the avatar image position is not correct.

{
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "Auto",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "To",
"wrap": true
}
],
"verticalContentAlignment": "center"
},
{
"type": "Column",
"width": "Auto",
"items": [
{
"type": "Image",
"size": "small",
"style": "person",
"url": "https://pbs.twimg.com/profile_images/3647943215/d7f12830b3c17a5a9e4afcc370e3a37e_400x400.jpeg"
}
],
"spacing": "small",
"verticalContentAlignment": "center"
},
{
"type": "Column",
"width": "Auto",
"items": [
{
"type": "TextBlock",
"text": "Mu Yang",
"wrap": true
}
],
"verticalContentAlignment": "center"
}
]
},
{
"type": "Input.Text",
"id": "message",
"placeholder": "Enter Message",
"isMultiline": true
}
]
}
],
"actions": [
{
"type": "Action.Submit",
"data": {
"ux_send": "true",
"intent:confirm": "true"
},
"title": "Send"
},
{
"type": "Action.Submit",
"data": {
"intent:cancel": "true"
},
"title": "Cancel"
}
]
}

[shalinijoshi19]

@nesalang could you take a first stab pls? Thanks

[shalinijoshi19]

@nesalang is looking into this. Thanks

[shalinijoshi19]

@nesalang does this need to be ported into master?

[shalinijoshi19]

Please go ahead and close once it' checked into master.. thanks! (unsure why despite using the fixes keyword the issue wasnt closed out automatically)

[jwoo-msft]

BB Payload
samples/v1.1/Test
Column.VerticalAlignment.json

[ghost]

🎉[email protected] has been released which fixes this issue.:tada:

Handy links:

• Release Notes
• Official NPM Release
• Official Nuget Release
• Official Maven Release
• Official CocoaPod Release