如何在Bot Framework网络聊天中删除iframe的标题

Question

I got the iFrame for my bot that uses Microsoft bot framework by registering the bot with them. Now, I need to remove/change the title of that bot from "chat" to another custom one.

How can I do this?

Thanks in advance.

Answer 1

I need to remove/change the title of that bot from "chat" to another custom one

To redesign and customize web chat interface, you can try to clone the repo , modify the source code, and compile into your own version. To achieve your requirement: changing the title of web chat, you can find and modify the following code snippet in Chat.tsx .

<div className="wc-header">
    <span>{ typeof state.format.chatTitle === 'string' ? state.format.chatTitle : state.format.strings.title }</span>
</div>

Simply modify it with below code and compile it:

<span>{ typeof state.format.chatTitle === 'string' ? "my chat bot" : "my chat bot" }</span>

Use it in my website, which works for me.

Answer 2

It isn't possible to edit the title when you use the iFrame without 'hacks' like modifying the DOM with CSS overrides. However you don't have to edit / fork the WebChat code itself, as proposed in other answers. It is possible to pass a custom title / empty title using ChatProps .

Have a look at the possibilities to include the WebChat on your own website . Then pass the chatTitle parameter to change the title to your preference.

Rules for chatTitle:

• undefined or true is passed, we will show the header with default text (locale-sensitive)
• false (or falsy except undefined) is passed, we will remove the header
• a string is passed, we will show the header with the text