Hello all! :)

I am currently using Service Studio 11 and being asked to implement a chatbot for our system. I have already setup the azure resources and whatnot, have also added the Azure QnA Maker Connector to our module. I am able to connect to my qna service without a hitch.

Next thing I need to do now is make the UI for it. Would be easy if our module is a reactive web app but unfortunately it is a traditional one. The reactive web app has a very detailed tutorial on how to add a chatbot ui block here. 

Looking into the documentation the closest I had for instructions was this, that is implementing the chat message ui pattern using a component whilst coupling it with either a new screen or displaying it perhaps in a modal dialog (obtrusive way of showing the chatbox). 

However requirements need the chat box to appear on the lower right of the screen in a non-obtrusive way after clicking on a chat button while also having the chat box to be at the same screen the user is currently on.

Is there any guidance or documentation I can direct myself to so I can be able to implement this? 

Thank you.