Skip to Content

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.

Last updated on