Using a QnA chat bot, how do you create hyperlinks in the text (from HTML conversion) in powerapps?

[Anonymous]

I'm having some trouble converting a link from a QnA chat bot in conversation to a hyperlink. A photo is posted below of the app and I was ideally wanting it to look as clean as possible. I already know that you can convert a url from a text, but I'm using a query to receive the message so standard "text.set( to URL)"-type setters won't work. 

Is there any way I could do it from the powerapps point of view? I'd rather not change my QnA knowledge base. 

I will also show you the same result but in the QnA UI (which is what I want to see)

this looks terrible!this is what I want to see!

[v-micsh-msft]

Hi @Anonymous,

You could take use of the HTML text control to deal with HTML links.

Things you should be aware of:

1. Adding HTML Text control would make it available to display text in HTML format, but it requires you to modify the knowledge base to the format wanted, for example if you would like to display HTML links, the format for the text should be:

"Show your <b><font color=blue><a href=""https://www.microsoft.com"">Link here</a></font></b>."

The display would be:

Steps:

1. Modify the QnA Knowledge base record, for which contains the HTML link, change it to the format below:

"Show your <b><font color=blue><a href=""https://www.microsoft.com"">Link here</a></font></b>."

You may add other HTML tags to customize the text.

2. Within PowerApps, remove the original Label control for the text (the actual data) value, switch it to HTML text control, and configure the Text property to text.

This should make the link work.

Regards,

Michael

[Anonymous]

I've already changed the Powerapps text control to the HTML text control, and I know it's working as it's changing the apostrophes from some weird =&93 to ", but it's still not working. I have over 100 questions which have hyperlinks within it and changing them all would be such a waste of time, sespecially if it didn't work.

Anyway I did a small test on your sample code and now both of them have an output like 

"Show your <b><font color=blue><a href=""https://www.microsoft.com"">Link here</a></font></b>."

And without the quotation marks it has the same affect.

I am using an app request to directly link the QnA service to the PowerApp, so the links are not static within the actual app itself, it needs to be requested from the original source. Is there any way that I could hard code over the existing text to convert any hyperlink jargon to the simplified version?

[ansrikanth]

Hi

Did you find any solution for the problem? I'm actually stuck with exact same problem. The key point is, QnA Api is converting all the HTML Answers to Markdown. There should be some support required from PowerApp directly either by making the label support markdown and or by providing some function which can convert markdown to HTML and thereby making the Label control to support HTML content.

-Srikanth