...
Snippet
Code Block | ||
---|---|---|
| ||
{ "type": "card", "items": [{ "content "title": `<h1>Card"Card componentDetail One<h1>`, "detailView": { "title": "Card Detail title", "content": `<h1> Card detail view ${i+1} </h1>`, title", "imageURL": "example.com/hospitalone", //optional "body": "A sample description of the Hospital and its services", "button": "Check more details", //optional "html": "<p>provide the full HTML data</p>", // optional "detailDisplay": [{ "type": "Accordion", "items": [{ "title": "Accordion One", "body": `<p> Lorem Ipsum is simply dummy text</p>` }, { "title": "Accordion Two", "body": `<p> Lorem Ipsum is simply dummy text</p>` }] }] } }, { "content": `<h1>Card component Two<h1>`, "detailView": { "title": "Card Detail title", "content": `<h1> Card detail view ${i+1} </h1>`, }] }] } }, { "title": "Card Detail title", "imageURL": "", //optional "body": "", "button": "", //optional "html": "", // optional "detailDisplay": [{ "type": "Accordion", "items": [{ "title": "Accordion three", "body": `<p> Lorem Ipsum is simply dummy text</p>` }, { "title": "Accordion four", "body": `<p> Lorem Ipsum is simply dummy text</p>` }] }] } }] }] } }], "filterButton": false } |
Please add the above snippet in the Chatbot Settings under the directive
object or use the Function node in the Experience Designer to construct the msg.payload.orbita.directive
to prepare the Directive data. The latter takes priority over the former method.
...
Property | Description | ||
---|---|---|---|
| This property accepts | ||
| The items property holds an Array of Card data and this is displayed on the Bot. Each Card object can have the below properties.
|
| This property will hold the HTML content to render the main Card data. Sample:
|
| The property The properties inside this, namely the | ||
| The functionality for the Filter page is under development. Please have the property set to false until further change. |
...