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.