Dialogflow - Google Assistant: Show suggestions with icon + text
I'm showing a list of suggestions in my Google Assistant agent. I'm using WebhookClient object (agent), to handle the responses. My code looks like:
function showSuggestions(){
agent.add(new Suggestion(`Suggestion 1`));
agent.add(new Suggestion(`Suggestion 2`));
agent.add(new Suggestion(`Suggestion 3`));
}
I'm wishing to add a small icon in the left of the text in the suggestions buttons. I'm expecting kind of:
function showSuggestions(){
agent.add(new Suggestion(<icon1> + `Suggestion 1`));
agent.add(new Suggestion(<icon2> + `Suggestion 2`));
agent.add(new Suggestion(<icon3> + `Suggestion 3`));
}
Is that possible?
node.js dialogflow actions-on-google
add a comment |
I'm showing a list of suggestions in my Google Assistant agent. I'm using WebhookClient object (agent), to handle the responses. My code looks like:
function showSuggestions(){
agent.add(new Suggestion(`Suggestion 1`));
agent.add(new Suggestion(`Suggestion 2`));
agent.add(new Suggestion(`Suggestion 3`));
}
I'm wishing to add a small icon in the left of the text in the suggestions buttons. I'm expecting kind of:
function showSuggestions(){
agent.add(new Suggestion(<icon1> + `Suggestion 1`));
agent.add(new Suggestion(<icon2> + `Suggestion 2`));
agent.add(new Suggestion(<icon3> + `Suggestion 3`));
}
Is that possible?
node.js dialogflow actions-on-google
add a comment |
I'm showing a list of suggestions in my Google Assistant agent. I'm using WebhookClient object (agent), to handle the responses. My code looks like:
function showSuggestions(){
agent.add(new Suggestion(`Suggestion 1`));
agent.add(new Suggestion(`Suggestion 2`));
agent.add(new Suggestion(`Suggestion 3`));
}
I'm wishing to add a small icon in the left of the text in the suggestions buttons. I'm expecting kind of:
function showSuggestions(){
agent.add(new Suggestion(<icon1> + `Suggestion 1`));
agent.add(new Suggestion(<icon2> + `Suggestion 2`));
agent.add(new Suggestion(<icon3> + `Suggestion 3`));
}
Is that possible?
node.js dialogflow actions-on-google
I'm showing a list of suggestions in my Google Assistant agent. I'm using WebhookClient object (agent), to handle the responses. My code looks like:
function showSuggestions(){
agent.add(new Suggestion(`Suggestion 1`));
agent.add(new Suggestion(`Suggestion 2`));
agent.add(new Suggestion(`Suggestion 3`));
}
I'm wishing to add a small icon in the left of the text in the suggestions buttons. I'm expecting kind of:
function showSuggestions(){
agent.add(new Suggestion(<icon1> + `Suggestion 1`));
agent.add(new Suggestion(<icon2> + `Suggestion 2`));
agent.add(new Suggestion(<icon3> + `Suggestion 3`));
}
Is that possible?
node.js dialogflow actions-on-google
node.js dialogflow actions-on-google
asked Nov 13 '18 at 9:18
Marjol MehallaMarjol Mehalla
275
275
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
For now it is not possible to attach an icon to your text in a suggestion. The Suggestion object only accepts string as a parameter (reference).
Nonetheless, you can use emojis without a problem, like
agent.add(new Suggestion('🤧 Suggestion 1'));
There are also some nodejs packages for emojis that might be useful to you:
https://www.npmjs.com/package/node-emoji
https://www.npmjs.com/package/emoji-regex
The suggestion text needs to be the same as the user input expected. So with emoji's you might have intent matching issues.
– Leon Nicholls
Nov 15 '18 at 17:01
add a comment |
Sorry,at the moment the Assistant only supports text type Suggestions, you can check its valid property here => Suggestion Documentation
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%2f53277582%2fdialogflow-google-assistant-show-suggestions-with-icon-text%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
For now it is not possible to attach an icon to your text in a suggestion. The Suggestion object only accepts string as a parameter (reference).
Nonetheless, you can use emojis without a problem, like
agent.add(new Suggestion('🤧 Suggestion 1'));
There are also some nodejs packages for emojis that might be useful to you:
https://www.npmjs.com/package/node-emoji
https://www.npmjs.com/package/emoji-regex
The suggestion text needs to be the same as the user input expected. So with emoji's you might have intent matching issues.
– Leon Nicholls
Nov 15 '18 at 17:01
add a comment |
For now it is not possible to attach an icon to your text in a suggestion. The Suggestion object only accepts string as a parameter (reference).
Nonetheless, you can use emojis without a problem, like
agent.add(new Suggestion('🤧 Suggestion 1'));
There are also some nodejs packages for emojis that might be useful to you:
https://www.npmjs.com/package/node-emoji
https://www.npmjs.com/package/emoji-regex
The suggestion text needs to be the same as the user input expected. So with emoji's you might have intent matching issues.
– Leon Nicholls
Nov 15 '18 at 17:01
add a comment |
For now it is not possible to attach an icon to your text in a suggestion. The Suggestion object only accepts string as a parameter (reference).
Nonetheless, you can use emojis without a problem, like
agent.add(new Suggestion('🤧 Suggestion 1'));
There are also some nodejs packages for emojis that might be useful to you:
https://www.npmjs.com/package/node-emoji
https://www.npmjs.com/package/emoji-regex
For now it is not possible to attach an icon to your text in a suggestion. The Suggestion object only accepts string as a parameter (reference).
Nonetheless, you can use emojis without a problem, like
agent.add(new Suggestion('🤧 Suggestion 1'));
There are also some nodejs packages for emojis that might be useful to you:
https://www.npmjs.com/package/node-emoji
https://www.npmjs.com/package/emoji-regex
answered Nov 14 '18 at 8:42
Dionis BeqirajDionis Beqiraj
353215
353215
The suggestion text needs to be the same as the user input expected. So with emoji's you might have intent matching issues.
– Leon Nicholls
Nov 15 '18 at 17:01
add a comment |
The suggestion text needs to be the same as the user input expected. So with emoji's you might have intent matching issues.
– Leon Nicholls
Nov 15 '18 at 17:01
The suggestion text needs to be the same as the user input expected. So with emoji's you might have intent matching issues.
– Leon Nicholls
Nov 15 '18 at 17:01
The suggestion text needs to be the same as the user input expected. So with emoji's you might have intent matching issues.
– Leon Nicholls
Nov 15 '18 at 17:01
add a comment |
Sorry,at the moment the Assistant only supports text type Suggestions, you can check its valid property here => Suggestion Documentation
add a comment |
Sorry,at the moment the Assistant only supports text type Suggestions, you can check its valid property here => Suggestion Documentation
add a comment |
Sorry,at the moment the Assistant only supports text type Suggestions, you can check its valid property here => Suggestion Documentation
Sorry,at the moment the Assistant only supports text type Suggestions, you can check its valid property here => Suggestion Documentation
answered Nov 13 '18 at 17:19
Carlo RenzoCarlo Renzo
1039
1039
add a comment |
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%2f53277582%2fdialogflow-google-assistant-show-suggestions-with-icon-text%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