Add Hyperlink in Chat BOT's Answer - using QnA Maker

Hey Developers, 

Hope you all doing well..

This is one of the important trick, which is very much essential for all the bot developers mainly who uses MS bot framework and  MS cognitive services 

Among them, QnAMaker is the popular cognitive service which we use to run our chatbot

Issue:

However, we can add Question and Answer in our knowledge base, we couldn't add any Hyperlinks easily in the answers, so here is my solution

Solution

While adding the answers in the QnA Maker, add the hyperlink in such a way

[********Text to Display*************](https://*************Your URL********)

Add your text to display inside a square brackets, and followed by URL inside a Open brackets.

Note: While pasting the URL, make sure its not hyperlinked by its own,
paste it in a Notepad first before pasting in QnA Maker.

Click on checkbox's label text to check the checkbox

Hi Developers ..!

Hope you're well.

You all might faced this small issue, when we want to check the check box which is so small in the Web-Page, and you need to focus on the check box.

All we need is to directly click on the label or text next to the check box, because we are reading the respective meaning of the check box and understanding it and we don't want to go back to check the check box,

So I've a simple solution with which we can directly click on the description of the check box to make the check box checked.


Example: 

The most used check box is "Don't Show this Again." and here too the size of the actual check box is too small.

<input type="checkbox" id="ClickMe" >Don't show this again!

Solution

There is a  HTML5 attribute "for" which helps us to click the checkbox

Source Code

<input type="checkbox" id="ClickMe" > <label for="ClickMe">Don't show this again!</label>

I want to make the Files to get Downloaded instead of Opening in a New Window in the Browser

Hey Everyone..!

Hope you all doing well.

Many Developers would have came across this small issue while developing a site, where you will get requirements from business that they don't want their PDF to be open in a new window as they takes time if their sizes are more than 10MB, so they will ask you to make the document to get downloaded automatically instead of opening in a new window. 


So I've a simple solution for it.


Example: 

I've a table with many rows, containing hyperlink data, which opens in a new window on clicking, but i want them to get downloaded automatically 

<a href="https://aaaaaaaaaaaaaaaaaaaaaaaa/My Document.pdf" target="_blank">My Document</a>

Solution

There is a  HTML5 attribute "download". with which we can easily download all the files

Source Code

<a href="https://aaaaaaaaaaaaaaaaaaaaaaaa/My Document.pdf" download="My Document">My Document</a>

How to download the PDF files instead of opening directly in your browser

Please follow the steps in your chrome browser to download the PDF files instead of opening directly in your browser.

• On your computer, open Chrome.
• At the top right, click More àSettings.

• At the bottom, click Advanced.
• Under "Privacy and security," click Site settings.
• Near the bottom, click PDF documents.
• Turn ON Download PDF files instead of automatically opening them in Chrome.