I have a livechat system I built on signalr. But my problem goes does. Built this some years back. When user wants to initiate a chat.
Chat box pops up in a new window. Unfortunately this approach is obsolete. Every livechat company now keeps your chat box on the right hand corner of your window.
So I have here to do research on html and css code that can allow me do some thing like this. Unfortunately I dont have the knowledge of this so please kindly help me out.
This is an example of what I am trying to achieve.
As suggested in your other threads, open the browser's developer tools and View the HTML source and CSS. There are also templates that you can purchase. Some are free and it only takes a basic Internet search to find this stuff.
As I mentioned in this thread: "Building a livechat Api for 3rd party merchant", you can try to write a JavaScript component or library for dynamically creating
elements on web page to load other required scripts and build chat window on target web page, so that others can use the JS library to easily embed your livechat system in their own websites.
With Regards,
Fei Han
.NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today.
Member
168 Points
571 Posts
Livechat css and html box design
Sep 14, 2018 07:03 PM|skliz4rel|LINK
Dear All,
I have a livechat system I built on signalr. But my problem goes does. Built this some years back. When user wants to initiate a chat.
Chat box pops up in a new window. Unfortunately this approach is obsolete. Every livechat company now keeps your chat box on the right hand corner of your window.
So I have here to do research on html and css code that can allow me do some thing like this. Unfortunately I dont have the knowledge of this so please kindly help me out.
This is an example of what I am trying to achieve.
Thanks alot.
All-Star
53121 Points
23672 Posts
Re: Livechat css and html box design
Sep 14, 2018 09:17 PM|mgebhard|LINK
As suggested in your other threads, open the browser's developer tools and View the HTML source and CSS. There are also templates that you can purchase. Some are free and it only takes a basic Internet search to find this stuff.
For example...
https://bootsnipp.com/tags/chat
Member
168 Points
571 Posts
Re: Livechat css and html box design
Sep 14, 2018 09:38 PM|skliz4rel|LINK
Dear All star,
Thanks alot.
All-Star
40565 Points
6233 Posts
Microsoft
Re: Livechat css and html box design
Sep 18, 2018 05:43 AM|Fei Han - MSFT|LINK
Hi skliz4rel,
As I mentioned in this thread: "Building a livechat Api for 3rd party merchant", you can try to write a JavaScript component or library for dynamically creating elements on web page to load other required scripts and build chat window on target web page, so that others can use the JS library to easily embed your livechat system in their own websites.
With Regards,
Fei Han
None
0 Points
3 Posts
Re: Livechat css and html box design
Jul 21, 2019 02:53 PM|hiteshchauhan10|LINK
you can follow this Chat Code snippet For free
None
0 Points
3 Posts
Re: Livechat css and html box design
Aug 15, 2019 07:59 AM|hiteshchauhan10|LINK
I find this Bootstrap Live chat option