...
URLs of the images from Orbita backend. see Upload How do I upload an image to Orbita? for more information.
To render the carousel and card list, you should switch to chatbot version - v2 in Bot view template node.
...
Parameters used for Carousel
Property |
---|
...
Description |
---|
The type property should be set “carousel”
items
| This property accepts |
| The items property is used to fill the carousel options. Each carousel option can have the below properties. |
| The Title of the carousel option. |
| This is an optional property. You can show the rating on the carousel options and in the detailed view using this property.
|
items
reviews
This is an optional property. You can show the rating on the carousel options and in the detailed view using this property.
...
Code Block |
---|
if(!msg.payload.orbita) { msg.payload.orbita = {} } msg.payload.orbita.directive= [ { "type": "cardlist", "items": [ { "title": "Title for Card Option 1", "reviews": { "rating": 1.5, "label": "Reviews label 1", "count": 20000 }, "appointmentDetails": { "dateHeader": "Small description for your card option", "lineItems": [ { "title": "Line item 1", "description": "Line item desc 1" }, { "title": "Line item 1", "description": "Line item desc 2" } ] }, "image": { "alternateText": "OE", "url": "https://s3.amazonaws.com/orbitahealth/clients/sandbox5/assets/dynamic/images/smallimage192c03a10-384d-11ea-9e3c-4750e1188599.jpg" }, "detailView": { "title": "Title of detailed view 1", "description": "Description of detailed view 1", "image": { "url": "https://orbita.ai/wp-content/uploads/2017/08/vxhero_bg_v2.jpg", "alternateText": "OE" }, "buttons": [ { "text": "Button Text 1", "type": "link", "value": "https://yourdomain/buttonlink/" } ], }, } ] } ] return msg; |
Parameters used for Card
Type
The type property should be set “cardlist”
...
The items property is used to fill the cards in the card list. Each card option can have the below properties.
title
The Title of the card option.
...