Card
Show a card design.
Interface
interface ICard extends IBaseField {
designId?: string;
design?: ICardDesign;
}
Example
Card
{
"name": "card",
"type": "Card",
"designId": "ac39c44c-d233-4f8b-94ce-01b15da29d3e"
}
Show Social Bar on form using a Card
{
"name": "Card",
"type": "Card",
"design": {
"type": "Card",
"style": {
"border": 0,
"padding": 0,
"background-color": "transparent",
"position": "absolute",
"bottom": "8px",
"width": "calc(100% - 42px)"
},
"body": [
{
"type": "Container",
"items": [
{
"type": "NewSocialBar",
"contentUniqueId": "{base.uniqueId}",
"socialStats": "{base.socials}",
"statItems": ["Likes", "Comments", "Views"],
"highlightedItem": "Bookmark",
"overflowItems": [
"Tags",
"Favorite",
"Share",
"Feedback",
"Follow",
{
"key": "GoToDetail",
"text": {
"t": "common.goToDetail"
},
"icon": "OpenInNewWindow",
"onClick": {
"type": "OpenUrl",
"url": "{base.urls.contentPageUrl}",
"setView": true
},
"propertyName": "open"
},
{
"key": "Open",
"text": {
"t": "common.open"
},
"icon": "OpenFile",
"onClick": {
"type": "OpenUrl",
"url": "{base.urls.detailUrl}"
},
"propertyName": "open"
},
{
"key": "OpenFileLocation",
"text": {
"t": "common.openFileLocation"
},
"icon": "FabricOpenFolderHorizontal",
"onClick": {
"type": "OpenUrl",
"url": "{base.urls.fileLocation}"
},
"propertyName": "openLocation"
},
{
"key": "ViewDetail",
"text": {
"t": "common.viewDetail"
},
"icon": "OpenInNewWindow",
"onClick": {
"type": "OpenForm",
"formId": "298f3a2b-1ca7-4400-af38-268f06fc9f36"
},
"propertyName": "view"
},
{
"key": "Translate",
"text": {
"t": "common.translation"
},
"icon": "LocaleLanguage",
"onClick": {
"type": "Translate"
},
"propertyName": "translate",
"visible": "{base.translation.active}"
},
{
"key": "CopyLink",
"text": {
"t": "common.copyLink"
},
"icon": "Copy",
"onClick": {
"type": "CopyLink"
},
"propertyName": "copy"
}
],
"callToSetView": true,
"urls": "{base.urls}",
"baseType": "{base.baseType}"
}
]
}
]
}
}
Properties
type
Must be “Card”.
-
Type:
"Card"
-
Required: Yes
designId
ID of the card design to be displayed
-
Type:
string
-
Required: No
desing
Card design to be displayed.
-
Type:
ICardDesign
-
Required: No