Run piece of javascript code to hide chat bot elements

(1) Share

Report

Posted on by Jignesh Patel

101

Hello,

@Artur Stepniak, @Vinoth Selvam

To hide chat history I've integrated "End Chat" button. Now on click of it I'm calling specific Topic now I would like to execute specific javascript code which will hide all elements of previous chat. So how can I execute javascript code from Copilot agent topic?

var divsToHide = document.getElementsByClassName("webchat__basic-transcript__activity webchat__basic-transcript__activity--acknowledged webchat__basic-transcript__activity--read"); //divsToHide is an array
for(var i = 0; i < divsToHide.length; i++){
divsToHide[i].style.visibility = "hidden"; // or
divsToHide[i].style.display = "none"; // depending on what you're doing
}

Categories:

General topics

I have the same question (0)

All responses (5)

Answers (0)

Suggested answer

Vinoth Selvam 1,590 Super User 2025 Season 2 on at

Like (1)

Report

Hi Jignesh Patel,

You will not be able to directly execute a Javascript code.

If your JavaScript logic can be encapsulated in a server-side API or webhook, you can call it using the HTTP Connector in Power Automate and integrate it into your Copilot Studio bot.

You can also use Azure Logic Apps with the Inline Code action to run JavaScript code and return results. You can call Logic Apps from Copilot Studio using HTTP actions or Power Automate.

Thanks.

Was this reply helpful? Yes No
Suggested answer

Artur Stepniak 1,539 Super User 2025 Season 2 on at

Like (0)

Report

Hello Jignesh,

I see that you're fighting with it. ;-) Vinoth solution won't work, because you'd need to inject the JS script in the DOM. There's no option to invoke any scripts from within an adaptive card. The only option that I see to try out is to prepare a separate button outside the chat window and add the code that you've provided. I'm not sure though if it'll work properly - you're hiding the elements, wouldn't it be better to reinstantiate the chat bubble instead? Otherwise, you'd clutter the website with hidden elements.

In case of any other questions, let me know. If the answer helped you, mark it, so that others can benefit from it.

Best regards,

Artur Stepniak

Interested in GenAI? Visit my site!

Was this reply helpful? Yes No
Jignesh Patel 101 on at

Like (0)

Report

Hi

I integrated @Vinoth Selvam solution to add Javascript code using Logic app but it is not working as expected.

@Artur Stepniak Could you plz guide how can I reinitiate conversation but would like to hide previous history.

Thanks

Was this reply helpful? Yes No
Suggested answer

Artur Stepniak 1,539 Super User 2025 Season 2 on at

Like (0)

Report

Hello,

the best way would be to remove the chat bubble from the DOM and add it again. That way you'll get a new fresh chat.

In case of any other questions, let me know. If the answer helped you, mark it, so that others can benefit from it.

Best regards,

Artur Stepniak

Interested in GenAI? Visit my site!

Was this reply helpful? Yes No
Jignesh Patel 101 on at

Like (0)

Report

Thank you@Artur Stepniak ,

That is what I would like to know how can I remove the chat bubble and add it again. Could you plz guide me.

Was this reply helpful? Yes No