| `Note` |
****
```
{
"type" : "note",
"content" : "<Text content that needs to be displayed as a note.>"
}
```
|
| `Title` |
****
```
{
"type" : "title",
"content" : "<Text content that needs to be displayed as the title>"
}
```
|
| `List - Bullet & Numbered` |
****
```
{
"type" : "list",
"format" : "bullet" or "numbered"
"elements" : [
{
"label" : "<element_label>"
"preview" : {
"header" : {
"title" : "<title_content>"
"description" : "<description_content>",
"subheading" : "<subheading_content>",
"image" : {
"url" :"<image_url>"
}
},
"fields" :[
{
"label" : "<field labels>"
"value" : "<field values>"
} //add other fields as necessary
]
}
} //add other elements as necessary
]
}
```
> **Note : ** In the `list` card, a maximum of seven fields can be configured for a `preview` object.
|
| `Table` |
****
```
{
"type": "table",
"heading" : "<Table Heading>",
"columns":
[
"<column1 header>".
"<column2 header>"
"<column3 header>"
],
"rows":
[
[
"<value al>"
"<value a2>"
"<value a3>"
],
[
"<value b1>"
"<value b2>"
"<value b3>"
]
]
}
```
|
`Image` |
****
```
{
"type" : "image",
"content" : "<image url>"
}
```
|
| `File` |
****
```
{
"type" : "file",
"name" : "<file_name>",
"format" : "pdf", //file extension
"content": "<file url>"
}
```
|
| `Contact card` |
****
```
{
"type" : "vcard",
"info" :
{
"image" : "",
"fields" :
[
{
"First Name" : "Smith"
}.
{
"Last Name" : "Gibbs"
},
{
"Company": "ABC Corp"
},
{
"Website" : "https://"
}
]
}
}
```
|
| `Link` |
****
```
{
"type" : "label",
"content" : "<URL link>"
}
```
|
| `Button` |
****
```
{
"type" : "button",
"label" : "<button label>".
"theme" : "<button theme>"
"id" : "<button id>",
"onclick" :
{
"execute" : "function (or)clienthook",
"function":"<button click function name>",
"data" : {}
}
}
```
1. For `theme` key, the value can be either `positive`, `negative`, or `neutral`.
2. For `execute` key, the value can be any one of the following:
* `function` - to execute the defined Button Click function.
* `clienthook` - to execute the [hook](https://docs.catalyst.zoho.com/en/convokraft/sdk/js/hooks/) implemented by the client application.
If `clienthook` is set as the value to the `execute` key, then the `function` key is not required.
4. For the `data` key, set any value that needs to be passed to the button click function.
> **Note : ** A maximum of three buttons can be configured for an action using the `button` card.
|