| `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
]
}
```
> **Nota: ** En la card `list`, se puede configurar un máximo de siete fields para un objeto `preview`.
|
| `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. Para la clave `theme`, el valor puede ser `positive`, `negative` o `neutral`.
2. Para la clave `execute`, el valor puede ser cualquiera de los siguientes:
* `function` - para ejecutar la Button Click function definida.
* `clienthook` - para ejecutar el [hook](https://docs.catalyst.zoho.com/es/convokraft/sdk/js/hooks/) implementado por la aplicación cliente.
Si `clienthook` se establece como valor de la clave `execute`, entonces la clave `function` no es requerida.
4. Para la clave `data`, establece cualquier valor que necesite ser pasado a la button click function.
> **Nota: ** Se puede configurar un máximo de tres buttons para una acción usando la card `button`.
|