Mixing
Link-type buttons on bot framework
I've been building a solution on Bot Framework V3 using Direct Line where I'd like to have links instead of buttons in my bot.
The 'link-type' button should repeat the text within the link and pass it along to the bot conversation in order to be processed.
Something like available on the MS technical support chatbot (https://support.microsoft.com/en-us/contact/virtual-agent/?flowId=smc-home-hero&referrer=www.bing.com&partnerId=smc).
In practice, if one types something like 'I'd like to create an account', the bot offers links that can be clicked and then instead of sending the user to an external site it remains in the bot sending the clicked text for processing.
Thought I could use markdown to achieve that but it didn't work.
Suggestions are welcome.
Thanks in advance
botframework asked Nov 20 '18 at 17:52
Amintas Lopes NetoAmintas Lopes Neto
206
add a comment |
I've been building a solution on Bot Framework V3 using Direct Line where I'd like to have links instead of buttons in my bot.
The 'link-type' button should repeat the text within the link and pass it along to the bot conversation in order to be processed.
Something like available on the MS technical support chatbot (https://support.microsoft.com/en-us/contact/virtual-agent/?flowId=smc-home-hero&referrer=www.bing.com&partnerId=smc).
In practice, if one types something like 'I'd like to create an account', the bot offers links that can be clicked and then instead of sending the user to an external site it remains in the bot sending the clicked text for processing.
Thought I could use markdown to achieve that but it didn't work.
Suggestions are welcome.
Thanks in advance
botframework asked Nov 20 '18 at 17:52
Amintas Lopes NetoAmintas Lopes Neto
206
Can you post the code you used to try to make these links?
– JJ_Wailes
Nov 21 '18 at 16:32
Thanks. Code snippet as follows: protected override async Task RespondFromQnAMakerResultAsync(IDialogContext context, IMessageActivity message, QnAMakerResults result) { Answer = result.Answers.First().Answer; await context.PostAsync(Answer); } The answer + suggested questions comes from QnaMaker as in the screen shot 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 22 '18 at 21:46
add a comment |
I've been building a solution on Bot Framework V3 using Direct Line where I'd like to have links instead of buttons in my bot.
The 'link-type' button should repeat the text within the link and pass it along to the bot conversation in order to be processed.
Something like available on the MS technical support chatbot (https://support.microsoft.com/en-us/contact/virtual-agent/?flowId=smc-home-hero&referrer=www.bing.com&partnerId=smc).
In practice, if one types something like 'I'd like to create an account', the bot offers links that can be clicked and then instead of sending the user to an external site it remains in the bot sending the clicked text for processing.
Thought I could use markdown to achieve that but it didn't work.
Suggestions are welcome.
Thanks in advance
botframework asked Nov 20 '18 at 17:52
Amintas Lopes NetoAmintas Lopes Neto
206
I've been building a solution on Bot Framework V3 using Direct Line where I'd like to have links instead of buttons in my bot.
The 'link-type' button should repeat the text within the link and pass it along to the bot conversation in order to be processed.
Something like available on the MS technical support chatbot (https://support.microsoft.com/en-us/contact/virtual-agent/?flowId=smc-home-hero&referrer=www.bing.com&partnerId=smc).
In practice, if one types something like 'I'd like to create an account', the bot offers links that can be clicked and then instead of sending the user to an external site it remains in the bot sending the clicked text for processing.
Thought I could use markdown to achieve that but it didn't work.
Suggestions are welcome.
Thanks in advance
botframework botframework asked Nov 20 '18 at 17:52
Amintas Lopes NetoAmintas Lopes Neto
206
asked Nov 20 '18 at 17:52
Amintas Lopes NetoAmintas Lopes Neto
206
asked Nov 20 '18 at 17:52
Amintas Lopes NetoAmintas Lopes Neto
206
asked Nov 20 '18 at 17:52
Amintas Lopes NetoAmintas Lopes Neto
206
asked Nov 20 '18 at 17:52
Amintas Lopes NetoAmintas Lopes Neto
206
206
Can you post the code you used to try to make these links?
– JJ_Wailes
Nov 21 '18 at 16:32
Thanks. Code snippet as follows: protected override async Task RespondFromQnAMakerResultAsync(IDialogContext context, IMessageActivity message, QnAMakerResults result) { Answer = result.Answers.First().Answer; await context.PostAsync(Answer); } The answer + suggested questions comes from QnaMaker as in the screen shot 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 22 '18 at 21:46
add a comment |
Can you post the code you used to try to make these links?
– JJ_Wailes
Nov 21 '18 at 16:32
Thanks. Code snippet as follows: protected override async Task RespondFromQnAMakerResultAsync(IDialogContext context, IMessageActivity message, QnAMakerResults result) { Answer = result.Answers.First().Answer; await context.PostAsync(Answer); } The answer + suggested questions comes from QnaMaker as in the screen shot 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 22 '18 at 21:46
Can you post the code you used to try to make these links?
– JJ_Wailes
Nov 21 '18 at 16:32
Can you post the code you used to try to make these links?
– JJ_Wailes
Nov 21 '18 at 16:32
Thanks. Code snippet as follows: protected override async Task RespondFromQnAMakerResultAsync(IDialogContext context, IMessageActivity message, QnAMakerResults result) { Answer = result.Answers.First().Answer; await context.PostAsync(Answer); } The answer + suggested questions comes from QnaMaker as in the screen shot 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 22 '18 at 21:46
Thanks. Code snippet as follows: protected override async Task RespondFromQnAMakerResultAsync(IDialogContext context, IMessageActivity message, QnAMakerResults result) { Answer = result.Answers.First().Answer; await context.PostAsync(Answer); } The answer + suggested questions comes from QnaMaker as in the screen shot 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 22 '18 at 21:46
add a comment |
1 Answer
1
active
oldest
votes
using Direct Line where I'd like to have links instead of buttons in my bot
Such function should be implemented in your channel.
- In the web it could be achieved via js
- In other channels it has to be built-in (like slash command in the telegram https://core.telegram.org/botshttps://core.telegram.org/bots commands section )
You can handle such messages in your main dialog flow or use scorable https://blog.botframework.com/2017/07/06/scorables/
answered Nov 24 '18 at 11:11
RondoKRondoK
11
Thanks RondoK. Since I'm using Direct Line on a web page I guess a js solution should be the best approach in this case . Any suggestion where I could find a code sample for that? Just to make sure we're in-sync this is the expected outcome 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 24 '18 at 13:29
@Amintas Lopes Neto . I diddn't saw any code samples for such situation, but you can use code from MS technical support chatbot OR implement yourself using <button class="suggestion"> Command </button> for render as button(use css for more style support.microsoft.com/en-us/contact/virtual-agent/…) track 'on click' action with class name "suggestion" via js or jquery stackoverflow.com/questions/4588759/…
– RondoK
Nov 24 '18 at 14:45
Thanks a lot for the hint! Let me try that out. Cheers
– Amintas Lopes Neto
Nov 24 '18 at 15:25
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53398762%2flink-type-buttons-on-bot-framework%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
using Direct Line where I'd like to have links instead of buttons in my bot
Such function should be implemented in your channel.
- In the web it could be achieved via js
- In other channels it has to be built-in (like slash command in the telegram https://core.telegram.org/botshttps://core.telegram.org/bots commands section )
You can handle such messages in your main dialog flow or use scorable https://blog.botframework.com/2017/07/06/scorables/
answered Nov 24 '18 at 11:11
RondoKRondoK
11
Thanks RondoK. Since I'm using Direct Line on a web page I guess a js solution should be the best approach in this case . Any suggestion where I could find a code sample for that? Just to make sure we're in-sync this is the expected outcome 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 24 '18 at 13:29
@Amintas Lopes Neto . I diddn't saw any code samples for such situation, but you can use code from MS technical support chatbot OR implement yourself using <button class="suggestion"> Command </button> for render as button(use css for more style support.microsoft.com/en-us/contact/virtual-agent/…) track 'on click' action with class name "suggestion" via js or jquery stackoverflow.com/questions/4588759/…
– RondoK
Nov 24 '18 at 14:45
Thanks a lot for the hint! Let me try that out. Cheers
– Amintas Lopes Neto
Nov 24 '18 at 15:25
add a comment |
using Direct Line where I'd like to have links instead of buttons in my bot
Such function should be implemented in your channel.
- In the web it could be achieved via js
- In other channels it has to be built-in (like slash command in the telegram https://core.telegram.org/botshttps://core.telegram.org/bots commands section )
You can handle such messages in your main dialog flow or use scorable https://blog.botframework.com/2017/07/06/scorables/
answered Nov 24 '18 at 11:11
RondoKRondoK
11
Thanks RondoK. Since I'm using Direct Line on a web page I guess a js solution should be the best approach in this case . Any suggestion where I could find a code sample for that? Just to make sure we're in-sync this is the expected outcome 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 24 '18 at 13:29
@Amintas Lopes Neto . I diddn't saw any code samples for such situation, but you can use code from MS technical support chatbot OR implement yourself using <button class="suggestion"> Command </button> for render as button(use css for more style support.microsoft.com/en-us/contact/virtual-agent/…) track 'on click' action with class name "suggestion" via js or jquery stackoverflow.com/questions/4588759/…
– RondoK
Nov 24 '18 at 14:45
Thanks a lot for the hint! Let me try that out. Cheers
– Amintas Lopes Neto
Nov 24 '18 at 15:25
add a comment |
using Direct Line where I'd like to have links instead of buttons in my bot
Such function should be implemented in your channel.
- In the web it could be achieved via js
- In other channels it has to be built-in (like slash command in the telegram https://core.telegram.org/botshttps://core.telegram.org/bots commands section )
You can handle such messages in your main dialog flow or use scorable https://blog.botframework.com/2017/07/06/scorables/
answered Nov 24 '18 at 11:11
RondoKRondoK
11
using Direct Line where I'd like to have links instead of buttons in my bot
Such function should be implemented in your channel.
- In the web it could be achieved via js
- In other channels it has to be built-in (like slash command in the telegram https://core.telegram.org/botshttps://core.telegram.org/bots commands section )
You can handle such messages in your main dialog flow or use scorable https://blog.botframework.com/2017/07/06/scorables/
answered Nov 24 '18 at 11:11
RondoKRondoK
11
answered Nov 24 '18 at 11:11
RondoKRondoK
11
answered Nov 24 '18 at 11:11
RondoKRondoK
11
answered Nov 24 '18 at 11:11
RondoKRondoK
11
11
Thanks RondoK. Since I'm using Direct Line on a web page I guess a js solution should be the best approach in this case . Any suggestion where I could find a code sample for that? Just to make sure we're in-sync this is the expected outcome 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 24 '18 at 13:29
@Amintas Lopes Neto . I diddn't saw any code samples for such situation, but you can use code from MS technical support chatbot OR implement yourself using <button class="suggestion"> Command </button> for render as button(use css for more style support.microsoft.com/en-us/contact/virtual-agent/…) track 'on click' action with class name "suggestion" via js or jquery stackoverflow.com/questions/4588759/…
– RondoK
Nov 24 '18 at 14:45
Thanks a lot for the hint! Let me try that out. Cheers
– Amintas Lopes Neto
Nov 24 '18 at 15:25
add a comment |
Thanks RondoK. Since I'm using Direct Line on a web page I guess a js solution should be the best approach in this case . Any suggestion where I could find a code sample for that? Just to make sure we're in-sync this is the expected outcome 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 24 '18 at 13:29
@Amintas Lopes Neto . I diddn't saw any code samples for such situation, but you can use code from MS technical support chatbot OR implement yourself using <button class="suggestion"> Command </button> for render as button(use css for more style support.microsoft.com/en-us/contact/virtual-agent/…) track 'on click' action with class name "suggestion" via js or jquery stackoverflow.com/questions/4588759/…
– RondoK
Nov 24 '18 at 14:45
Thanks a lot for the hint! Let me try that out. Cheers
– Amintas Lopes Neto
Nov 24 '18 at 15:25
Thanks RondoK. Since I'm using Direct Line on a web page I guess a js solution should be the best approach in this case . Any suggestion where I could find a code sample for that? Just to make sure we're in-sync this is the expected outcome 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 24 '18 at 13:29
Thanks RondoK. Since I'm using Direct Line on a web page I guess a js solution should be the best approach in this case . Any suggestion where I could find a code sample for that? Just to make sure we're in-sync this is the expected outcome 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 24 '18 at 13:29
@Amintas Lopes Neto . I diddn't saw any code samples for such situation, but you can use code from MS technical support chatbot OR implement yourself using <button class="suggestion"> Command </button> for render as button(use css for more style support.microsoft.com/en-us/contact/virtual-agent/…) track 'on click' action with class name "suggestion" via js or jquery stackoverflow.com/questions/4588759/…
– RondoK
Nov 24 '18 at 14:45
@Amintas Lopes Neto . I diddn't saw any code samples for such situation, but you can use code from MS technical support chatbot OR implement yourself using <button class="suggestion"> Command </button> for render as button(use css for more style support.microsoft.com/en-us/contact/virtual-agent/…) track 'on click' action with class name "suggestion" via js or jquery stackoverflow.com/questions/4588759/…
– RondoK
Nov 24 '18 at 14:45
Thanks a lot for the hint! Let me try that out. Cheers
– Amintas Lopes Neto
Nov 24 '18 at 15:25
Thanks a lot for the hint! Let me try that out. Cheers
– Amintas Lopes Neto
Nov 24 '18 at 15:25
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53398762%2flink-type-buttons-on-bot-framework%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Can you post the code you used to try to make these links?
– JJ_Wailes
Nov 21 '18 at 16:32
Thanks. Code snippet as follows: protected override async Task RespondFromQnAMakerResultAsync(IDialogContext context, IMessageActivity message, QnAMakerResults result) { Answer = result.Answers.First().Answer; await context.PostAsync(Answer); } The answer + suggested questions comes from QnaMaker as in the screen shot 1drv.ms/u/s!AnpERZZbH7htqu9mBf96v0wumA5NoA
– Amintas Lopes Neto
Nov 22 '18 at 21:46