SAP CAI Web Chat Customization

[AshwinKatkar]

Hello Experts,

I am facing a challenge with web chat in Fiori Launchpad where the web chat panel overlaps on some of the Fiori App functions such as Save or Submit.

Is there any way we can change its default position on the right and size of the panel?

Thanks in advance!!!

Regards,

Ashwin

[Dan_Wroblewski · Accepted solution]

Though it may be better to go to Web Client, just for the record, I was able to fix this problem by adding a style sheet to the MTA project that I deployed as a plugin to FLP.

I'm not an expert in SAPUI5 or CSS, so the style I chose to use may not have been the best, but it worked to reposition the webchat.

Thanks to thierry.lhermine for the help

[AshwinKatkar · Accepted solution]

Thanks, Daniel. It helps while I am using Web Chat.

[jyguyomarch]

Hi Ashwin,

I would recommend to use the SAP Conversational AI Web Client. First off this is the new state of the art client for web application, and on its way to replace the WebChat. But furthermore:

• You will be able to define your own open/close button
• It will come by default with a Fiori theme and user experience
• It supports drag and drop, so the user can move it around in case of overlap while talking to the bot

All the details here: https://help.sap.com/viewer/a4522a393d2b4643812b7caadfe90c18/latest/en-US/77bb849c7f2b4648ae13ae1d21...

BR - Jean-Yves

[AshwinKatkar]

Hi Jean,

Thanks for the answer. I have integrated the Web Client in Fiori Launchpad and it is visible. But while trying to open that I am getting error refused to frame. I tried searching for this error and found it is due to iframeDomains which needs to be updated. I also did that but still getting same error. Any thoughts on this.

Refused to frame 'https://XXXXX.sapcai.eu10.hana.ondemand.com/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors self https://*.tools.sap https://*.sap.corp https://*.sap.corp:* https://*.hana.ondemand.com https://*.s4hana.ondemand.com https://*.sapsf.eu https://*.sapsf.com https://*.successfactors.com https://*.sapdemocloud.com http://localhost:* https://*.hec.verizon.com https://*.hec.verizon.com:* https://*.cloud.sap:* https://*.cloud.sap https://*.abb.com https://*.cashmanagement.abb.com https://*.cashmanagement.abb.com:* https://*.int.sap https://*.hec.farmersinsurance.com:* https://*.infineon.com:* https://*.isl.edst.ibm.com:* https://*.sapretail.sl.edst.ibm.com:* https://*.edst.ibm.com:* https://*.shapoorji.com:* https://*.belgrid.net https://*.belgrid.net:* https://*.server.dom https://*.server.dom:* https://*.eu.degussanet.com https://*.eu.degussanet.com:* https://*.basf.net https://*.basf.net:* https://*.audi.vwg https://*.audi.vwg:* https://*.intern.itelligence.de https://*.intern.itelligence.de:* https://*.sharepoint.com https://*.sharepoint.com:* https://redlings.com https://*.hpe.com https://*.hitachi.com https://*.hitachi.com:* https://*.ibmretail.com:* https://*.aysa.com.ar https://*.aysa.com.ar:* https://*.sap.com https://*.ge.com https://*.brabant-lan.local:* https://*.nestle.com:* https://*.jti.com:* https://*.doehler.com:* https://*.az.steeleu.com https://*.steeleurope.com https://aysa.com.ar https://aysa.com.ar:* http://*.tarrantcounty.com http://*.tarrantcounty.com:* https://*.tarrantcounty.com https://*.tarrantcounty.com:* https://*.skybuffer.com https://*.skybuffer.com:* http://*.merck.com https://*.merck.com http://*.autodesk.com https://*.autodesk.com https://*.aldiportal.com https://*.hoferportal.com https://*.ukhd.de".

[Dan_Wroblewski]

jean-yves.guyomarch Can I use the web client now in a plain web page or in Fiori app in BTP? Of course I won't get the benefits of SSO, destinations and so forth, but I assume I'd get some of the UI benefits?

[AshwinKatkar]

Hi Jean,

I didn't quite get that. Are you saying we cannot do SSO with web client if we integrate it with on-premise Fiori Launchpad?

I was going through web client documents and it shows SSO can be use with enterprise version of CAI.

Single Sign-On with SAP Product Integration - SAP Help Portal

And we are using enterprise version of CAI.

Thanks,

Ashwin