Skip to Content

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

Last updated on