How to place graphs and modify options in rasa webchat

JiteshGaikwad · August 9, 2020, 11:10am

hey @ahhirsha I guess you have modified the script.js of the chatbot widget or you are using the older version of the chatbot widget, the createCollapsible is missing, please use the latest Chatbot widget UI:

github.com

JiteshGaikwad/Chatbot-Widget/blob/e38f0fcc45147d09b044513af518354e2b74f78e/static/js/script.js#L595




function hideBotTyping() {

    $('#botAvatar').remove();

    $('.botTyping').remove();

}



//====================================== Collapsible =========================================



// function to create collapsible,

// for more info refer:https://materializecss.com/collapsible.html

function createCollapsible(data) {

    //sample data format:

    //var data=[{"title":"abc","description":"xyz"},{"title":"pqr","description":"jkl"}]

    list = "";

    for (i = 0; i < data.length; i++) {

        item = '<li>' +

            '<div class="collapsible-header">' + data[i].title + '</div>' +

            '<div class="collapsible-body"><span>' + data[i].description + '</span></div>' +

            '</li>'

        list += item;

    }

ahhirsha · August 9, 2020, 11:35am

thanks @JiteshGaikwad it’s working fine now

JiteshGaikwad · August 9, 2020, 11:56am

welcome @ahhirsha

analyticalgagan · October 23, 2020, 9:30am

@JiteshGaikwad - Can you please answer the question which was raised by @giorgio since am also looking for the solution of this. Would be really thankful if you can reply. If creating charts is dynamically not possible using your solution. Do let me know so that we look for other options.

analyticalgagan · October 28, 2020, 10:30am

I got the solution!! The solution has been documented by @JiteshGaikwad itself in the project. Today only, i noticed he has explained this in his project docs folder -> docs/responses.md.

add following lines in actions.py file and then you can create chart dynamically

sick = 20 casual = 10 earned = 24 flexi = 2

data={ “title”: “Leaves”, “labels”: [ “Sick Leave”, “Casual Leave”, “Earned Leave”, “Flexi Leave” ], “backgroundColor”: [ “#36a2eb”, “#ffcd56”, “#ff6384”, “#009688”, “#c45850” ], “chartsData”: [ sick, casual, earned, flexi ], “chartType”: “pie”, “displayLegend”: “true” }

message={ “payload”: “chart”, “data”: data }

dispatcher.utter_message(text=“Here are your leave balance details”,json_message=message)

forwitai · December 23, 2020, 4:27pm

Hi @JiteshGaikwad, can you please tell me how to add an avatar next to every bot’s utterance, but not on the headline ?

I know how to add one, but it automatically appends it next to the UI title.

Thanks.

rajeshpolaki · January 24, 2021, 1:01pm

sir can you help in css to implement hyperlink in rasa chatbot it is working in rasa x but not in browser when implemented in css and js librarymaterialize.min.css (138.5 KB) style.css (14.1 KB)

rajeshpolaki · February 7, 2021, 7:31pm

hi @JiteshGaikwad

rajeshpolaki · February 7, 2021, 7:32pm

it is working in rasax please kindly help and if possible rasa team please help in resolving issue if required i will share domain.ml file

bharath-madduri · April 29, 2021, 7:32am

Is it the same syntax for pdf file attachment? Can you please help me with the code for pdf attachment on how to define both in domain.yml and actions.py please?

nrllhus · January 19, 2022, 3:19am

hello is it possible if you share your codes here? because i tried using the collapsible widget but it’s not working, please help me out!!

Topic		Replies	Views
Show message time in RASA chatbot widget Rasa Open Source	2	509	July 7, 2022
How to bring charts to rasa-webchat Feedback on Rasa Open Source rasa	3	1224	May 23, 2022
How to show videos in Rasa? Rasa Open Source	8	1936	March 20, 2020
Custom action resonse is good but it das not have a response Rasa Open Source	17	807	September 29, 2021
How to place a video in Rasa Chatbot Rasa Open Source	7	1723	March 31, 2020

How to place graphs and modify options in rasa webchat

Related topics