Question Re: Webchat theme is not appearing properly in Technology Q&A

Webchat theme is not appearing properly

former_member765691 — Wed, 08 Sep 2021 14:05:47 GMT

Hi All,

We are developing a Webchat interface for a SAP CAI Chatbot which we are going to host in Wordpress Website.

But while deploying the changes in a Quality environment, we are facing some theme issue for the FAQ bot.

If you see the attached image, the lines are not appearing with the Index numbers. We have investigated and found that "::marker" is missing inside the html tag - "<li>". Please check the below reference:

We are thinking to have the below solutions:

1. Finding out the wordpress theme css and change it

2. Replicating the standard webchat with some updates

What would be the possible and easy solution for our issue?

Re: Webchat theme is not appearing properly

former_member588917 — Wed, 08 Sep 2021 15:34:21 GMT

Hi Ahmad

WebChat is using the "react-markdown": "5.0.2" to render response here. You can find the Open Source to the WebChat here https://github.com/SAPConversationalAI/Webchat if you want to try replicating the standard WebChat with some updates. My best guess is there some conflict in the wordpress css (Quick test, Try removing the css and see if the WebChat display correctly)

Hope this helps

Best Regards

John Wandrocke

Re: Webchat theme is not appearing properly

former_member765691 — Thu, 09 Sep 2021 10:38:10 GMT

Thank you for the quick response. We will test that and let you know how it goes.

Re: Webchat theme is not appearing properly

former_member1046475 — Mon, 03 Jul 2023 09:25:36 GMT

I noticed that this thread is a couple of years old, but I'll still try to help you out with your webchat theme issue. It's never too late to find a solution!

From the information you provided, it seems that the problem lies with the missing "::marker" inside the "<li>" tags. One possible solution is to check if the WordPress theme you were using at that time has been updated. Theme updates often include bug fixes and improvements that might have resolved the issue you were facing. You can visit Freetheme to explore their collection of themes and see if any updates or alternatives are available. If you're still experiencing the same issue, you can consider reaching out to the theme developer or the WordPress community for assistance. They may have encountered similar problems in the past and can provide valuable guidance.