How to make carousel on Rasa Open Source and deploy it on Rasa X

Hi all,

I am trying to show a carousel of Rasa Open Source and deploy it on Rasa X. But when I click a button to direct to the carousel, it does not show anything. Can all of you help me figure out what makes me went wrong?

Here is the code in my actions.py and I use rasa 2.0:

text_carousel = {
            'type': 'template',
            'payload': {
                'template_type': 'generic',
                'elements': [{
                    'title': 'Thái Lan',
                    'subtitle': 'Lead The Change Exchange Trip 2021 in Thailand',
                    'image_url': 'https://leadthechange.asia/wp-content/uploads/2020/04/2-1.png',
                    'buttons': [{
                        'title': 'Tìm hiểu thêm',
                        'url': 'https://leadthechange.asia/lead-the-change-exchange-trip-2021-in-thailand-call-for-applications/',
                        'type': 'web_url'
                    },
                    {
                        'title': 'Liên hệ bộ phận đào tạo',
                        'url': 'https://www.facebook.com/LeadtheChange.Asia',
                        'type': 'web_url'
                    }]
                },
                {
                    'title': 'Singapore',
                    'subtitle': 'Lead The Change Exchange Trip 2021 in Singapore',
                    'image_url': 'https://leadthechange.asia/wp-content/uploads/2020/02/1-4.png',
                    'buttons': [{
                        'title': 'Tìm hiểu thêm',
                        'url': 'https://leadthechange.asia/lead-the-change-exchange-trip-2021-tai-singapore/',
                        'type': 'web_url'
                    },
                    {
                        'title': 'Liên hệ bộ phận đào tạo',
                        'url': 'https://www.facebook.com/LeadtheChange.Asia',
                        'type': 'web_url'
                    }]
                },
                {
                    'title': 'Đài Loan',
                    'subtitle': 'Lead The Change Exchange Trip 2021 in Taiwan',
                    'image_url': 'https://leadthechange.asia/wp-content/uploads/2020/04/3-4.png',
                    'buttons': [{
                        'title': 'Tìm hiểu thêm',
                        'url': 'https://leadthechange.asia/lead-the-change-exchange-trip-2021-in-taiwan-call-for-applications/',
                        'type': 'web_url'
                    },
                    {
                        'title': 'Liên hệ bộ phận đào tạo',
                        'url': 'https://www.facebook.com/LeadtheChange.Asia',
                        'type': 'web_url'
                    }]
                },
                {
                    'title': 'Hàn Quốc',
                    'subtitle': 'Lead The Change Exchange Trip 2021 in Korea',
                    'image_url': 'https://leadthechange.asia/wp-content/uploads/2020/04/4-1.png',
                    'buttons': [{
                        'title': 'Tìm hiểu thêm',
                        'url': 'https://leadthechange.asia/lead-the-change-exchange-trip-2021-in-korea-call-for-applications/',
                        'type': 'web_url'
                    },
                    {
                        'title': 'Liên hệ bộ phận đào tạo',
                        'url': 'https://www.facebook.com/LeadtheChange.Asia',
                        'type': 'web_url'
                    }]
                }
                ]
            }
        }

I don’t think Rasa-X supports carousels. You will need some UI or channel that supports a carousel payload. Check this response to this thread here: Adding cardsCarousel - #4 by stephens

You may want to consider Botfront for this kind of job.