Closed
Description
Implementation status
- TypeScript
- UWP
- WPF ([.NET] Vertical Alignment Support #1350)
- iOS ([iOS] Vertical Alignment Support #1351)
- Android ([Android] Vertical Alignment Support #1289)
- Documentation
Problem
Currently, it's not possible to vertical align content within a column (or within a fixed height container like Timeline). Without vertical alignment on the body and containers itself, you won't be able to achieve things like this...
Instead it would look like...
Design
Add a new verticalContentAlignment property to Container, Column, and AdaptiveCard:
| Property name | Type | Description |
|---|---|---|
| verticalContentAlignment | string. Allowed values are "top" (default), "center", and "bottom". | Defines how the content should be aligned vertically within the container. "top" indicates that content should be placed at the top. "center" and "bottom" function the same other than simply placing at center or at bottom. |
Because we are introducing a "height" property, it makes sense to also rename the "size" property of a Column to "width"
Example
Card payload
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.1",
"verticalContentAlignment": "center",
"body": [
{
"type": "TextBlock",
"text": "Hi,"
},
{
"type": "TextBlock",
"text": "MasterHip",
"isSubtle": true
}
]
}