Danish Naglekar Power-Maverick

👨‍💻

Tech Transformations

Microsoft MVP, Senior Technical Architect, Author of PCF Builder

Power-Maverick / EmbedPVAChatBot.html

Last active June 1, 2023 20:07

Embedding PVA ChatBot on Website

	<!-- Chat Bot -->
	<button onclick="openChat()" role="openchatbutton" class="open-button">
	<i class="fa fa-4x fa-comments"></i>
	</button>
	<div role="openchat" id="chatWindow" class="chat-popup" style="order: 3; position: relative; width: 400px; min-width: 400px; height: 100%;">
	<div>
	<div id="webchat" role="main" id="webchat"></div>
	</div>

	<script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>

Power-Maverick / ButtonClick.html

Last active June 1, 2023 20:07

Embed PVA Chat Bots on Website

	<script>
	function openChat() {
	var chatWindowElement = document.getElementById("chatWindow");
	if (window.getComputedStyle(chatWindowElement).display === "none") {
	document.getElementById("chatWindow").style.display = "block";
	document.getElementById("chatbutton").innerHTML = "Close";
	} else {
	document.getElementById("chatWindow").style.display = "none";
	document.getElementById("chatbutton").innerHTML = "Chat";
	}