Rasa Web chat customizing buttons,colors alligning etc

hey @bolder_pete, you just need to paste the code in <script></script> tag, FYI

I have used the latest version

Thanks! But where is now the css file or where exactly I have to put it? Could you make an example?

@JiteshGaikwad I have to admit your chatbot is amazing! It is way more better customoizable and more on point than the rasa webchat! Thanks for this amazing chatbot widget!

1 Like

@bolder_pete if you like it then you can give it a star on the Github repo :wink:

Hey I try yours out. But I have some formatting issues.

thebot messages are not formatted right if you send html text like

<p>rhrhrh</p>

Then the text is outside the bot message windows…

Also bold tags like <strong> are omitted and ignored. So how could I format my text with your widget? (Markdown also nots works.)

Thanks alot. Maybe you can short answer here before I post on your repo? :wink:

Right now it doesn’t support markdown but maybe I can add it in the future updates. thanks

hmm yes, that why I tried html. This works not either?

Also, in which file do you handover the url to the rasa server if it an other IP than the default?

Oh, but still interested where or how you put this css inside the above code. Many Thanks

CSS:

and rasa server url

Thanks! But to what question you refer by referring this css script?^^ is about formatting? I already used this to change sizes and fonts, but is it also about html tags?

And: html tags like strong are suppressed. That is bad. How would I format a title to be bold or italic?

instead of <strong> use <b>

Ah cool, where is this in the css script? What about other html tags like ?

Why is b working instead of strong?

Also, the

-tags are dangerous as they appear somehow "outside "the buble of he bot message.

Hey @JiteshGaikwad

How are lists formatted? Up to know, how can I make lists? Do I have to do it manaully with a bullet point like •?

So the whole bunch of formatting like with h or list tags is also not working.

That is thow only negative point, because you are very limited in formatting

you need to use <li> tags https://www.w3schools.com/tags/tag_li.asp

@JiteshGaikwad

As I wrote above This works but messes the whole bot bubble formatting. The text is then outside the bot message bubble…Please try just with few li’s and you see it

For any html tag here for header h3

@JiteshGaikwad did you had a look. I try to open an issue at your repo, but maybe you already have some hints?

@bolder_pete I have added the Markdown support, you can check the latest v.2.0.2 of the Chatbot widget