Column
Defines a container that is part of a ColumnSet.
Interface
interface IColumn extends IContainer {}
Example
Column
{
"type": "ColumnSet",
"style": {
"marginTop": "10px"
},
"columns": [
{
"type": "Column",
"horizontalAlignment": "center",
"style": {
"width": "30px"
},
"items": [
{
"type": "Image",
"url": "{base.author.picture}",
"person": true,
"size": 2,
"style": {
"width": "40px",
"marginLeft": "15px"
},
"livePersonaCard": {
"displayName": "{base.author.name}",
"email": "{base.author.email}",
"loginName": "{base.author.loginName}"
}
}
]
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"size": "small",
"text": "{base.author.name}",
"onClick": {
"type": "OpenUrl",
"url": "@eval({base.author.pageDetailUrl}+'&'+{base.author.name})"
},
"style": {
"color": "#999999"
}
},
{
"type": "Date",
"date": "@eval({base.publishingDate} || {base.modifiedDate})",
"size": "small",
"fromNow": true,
"style": {
"marginTop": "-5px",
"color": "#999999"
}
}
]
}
]
}
Properties
type
Must be “Column”
-
Type:
"Column"
-
Required: Yes