Does Rasa support cards just like the Bot framework? If so please provide an example.

hi @nik202 , the card carousel was built specifically for Restaurant bot and it’s isn’t generic, if you want to add, you can check the code here: JiteshGaikwad/Chatbot-Widget/blob/e38f0fcc45147d09b044513af518354e2b74f78e/static/js/script.js#L420 //close function to close the widget. $("#close").click(function() { $(".profile_div").toggle(); $(".widget").toggle(); scrollToBottomOfResults(); }); //====================================== Cards Carousel ========================================= function showCardsCarousel(cardsToAdd) { var cards = createCardsCarousel(cardsToAdd); $(cards).appendTo(".chats").show(); if (cardsToAdd.length <= 2) { $(".cards_scroller>div.carousel_cards:nth-of-type(" + i + ")").fadeIn(3000); } else { for (var i = 0; i < cardsToAdd.length; i++) { $(".cards_scroller>div.carousel_cards:nth-of-type(" + i + ")").fadeIn(3000);

Hey @ajshrr . The elements that Rasa can send out depend on what UI you want to connect your assistant wtih. So for example, with Slack or Messenger you can send ‘rich’ messages which contain images, buttons, etc. What UI you are looking to connect your assistant with?

Consider weatherbot which connects to the apixu and retrieves data in the form of json. This json has a URL pointing to the image. I tried displaying it on the slack but failed. Could you please provide an example how such images can be displayed on the slack. Below gives a sample of the json retrieved which has a URL pointing to the png. I would like to display the image on the slack instead of URL. {‘location’: {‘name’: ‘Paris’, ‘region’: ‘Ile-de-France’, ‘country’: ‘France’, ‘lat’: 48.87, ‘lon’: 2.33, ‘tz_id’: ‘Europe/Paris’, ‘localtime_epoch’: 1548660160, ‘localtime’: ‘2019-01-28 8:22’ }, ‘current’: {‘last_updated_epoch’: 1548658821, ‘last_updated’: ‘2019-01-28 08:00’, ‘temp_c’: 2.0, ‘temp_f’: 35.6, ‘is_day’: 0, ‘condition’: {‘text’: ‘Partly cloudy’, ‘icon’: ‘ //cdn.apixu.com/weather/64x64/night/116.png ’, ‘code’: 1003 }, ‘wind_mph’: 8.1, ‘wind_kph’: 13.0, ‘wind_degree’: 260, ‘wind_dir’: ‘W’, ‘pressure_mb’: 1001.0, ‘pressure_in’: 30.0, ‘precip_mm’: 0.0, ‘precip_in’: 0.0, ‘humidity’: 87, ‘cloud’: 75, ‘feelslike_c’: -1.6, ‘feelslike_f’: 29.2, ‘vis_km’: 10.0, ‘vis_miles’: 6.0, ‘uv’: 0.0 } }

I want to connect my assistant with website hosted locally. Could you please provide some information of how to display rich contents as a response.

hey @Prskriti , check out this UI, I have added the support for cards: [image] GitHub - JiteshGaikwad/Chatbot-Widget Contribute to JiteshGaikwad/Chatbot-Widget development by creating an account on GitHub.

hi @JiteshGaikwad tnq it did work :slight_smile:

you are welcome, if you would like to have features which aren’t there you can raise the issue in the GitHub Repo. :slight_smile:

Hi @JiteshGaikwad , Can I use this customized UI widget with the RASA’s Older Versions like rasa==0.1.0, rasa-core==0.12.4, rasa-nlu==0.13.8? If yes, then how?

hey @shaileshsarda , it will work for older versions since it uses REST api, just test it out and let me know if you face any error.

Cards in rasa

Rasa Open Source

shaileshsarda (SSS) February 20, 2020, 11:06am 11

Well, thanks for the quick update @JiteshGaikwad. I will let you know soon.

Topic		Replies	Views
Rasa web chat add carousel or Card Getting Started with Rasa	2	224	April 19, 2019
Want to add carousel to webchat Rasa Open Source	10	1336	January 5, 2024
Rasa Webchat Carousel Example Rasa Open Source	40	8717	November 30, 2022
Bot answering with rich messages Rasa Open Source	1	1351	September 11, 2019
Sending a courseal using Rasa Rasa Open Source	2	378	March 10, 2021

Cards in rasa

Related topics