Fancy keyboard

[gerardovf]

Fancy keyboard

[guidone]

@gerardovf yes, I guess the node-red ui will eat all your special chars but you can prepare the payload in an upstream function node, something like

msg.payload = {
  message: 'The message with the buttons',
  buttons: [
    {
      value: 'text 1',
      label: 'label of the button 1',
      answer: 'this is the answer',
      alert: true,
      newLine: true
    },
    {
      value: 'text 2',
      label: 'another label',
      answer: 'this is the answer 2',
      alert: false
    }
  ]
}
return msg;

[gerardovf]

@guidone You were right!! Now only the 'newLine' is still not working... (I wanted to show a 2x2 buttons keyboard)

I used this page to get the emoji conversion: http://www.fileformat.info/info/unicode/char/search.htm

Then in the upstream function node I inserted:

console.log(msg);
var chat = msg.chat();
var cloned = RED.util.cloneMessage(msg);
cloned.payload = {
type: "buttons",
content: 'The message with the buttons',
messageId: null,
chatId: chat.get('chatId'),
buttons: [
{
value: '\uD83D\uDD06\nON1',
label: 'label of the button 1',
answer: 'this is the answer',
alert: true,
newLine: false
},
{
value: '\u2B06\nON2',
label: 'another label',
answer: 'this is the answer 2',
alert: false,
newLine: true
},
{
value: '\uD83D\uDD05\nOFF1',
label: 'label of the button 3',
answer: 'this is the answer 3',
alert: true,
newLine: false
},
{
value: '\u2B07\nOFF2',
label: 'another label 2',
answer: 'this is the answer 4',
alert: false,
newLine: true
}
]
}
return cloned;

[gerardovf]

@guidone I also checked that 'newLine' is working with "inline-buttons"

console.log(msg);
var chat = msg.chat();
var cloned = RED.util.cloneMessage(msg);
cloned.payload = {
type: "inline-buttons",
content: 'The message with the buttons',
messageId: null,
chatId: chat.get('chatId'),
buttons: [
{
value: '\uD83D\uDD06\nON1',
label: '\uD83D\uDD06\nON1',
answer: 'this is the answer',
newLine: false
},
{
value: '\u2B06\nON2',
label: '\u2B06\nON2',
answer: 'this is the answer 2',
newLine: true
},
{
value: '\uD83D\uDD05\nOFF1',
label: '\uD83D\uDD05\nOFF1',
answer: 'this is the answer 3',
newLine: false
},
{
value: '\u2B07\nOFF2',
label: '\u2B07\nOFF2',
answer: 'this is the answer 4',
newLine: true
}
]
}
return cloned;