I saw on another post how to make a line break using the GUI but I can't seem to get it to work in my custom node.
My html file:
<script type="text/javascript">
RED.nodes.registerType('smsmessage',{
category: 'function',
color: '#D7D7A0',
paletteLabel: "SMS Message",
defaults: {
name: {value:""},
incoming: {value:""},
outgoing: {value:""}
},
inputs:1,
outputs:1,
icon: "font-awesome/fa-exchange",
label: function() {
return "Change " + this.incoming + " \n To " + this.outgoing||"SMS Message";
}
});
</script>
<script type="text/html" data-template-name="smsmessage">
<div class="form-row">
<label for="node-input-incoming"><i class="fa fa-sign-in"></i>Incoming Filter</label>
<input type="text" id="node-input-incoming" placeholder="Incoming Message">
</div>
<div class="form-row">
<label for="node-input-outgoing"><i class="fa fa-sign-out"></i>Outgoing Message</label>
<input type="text" id="node-input-outgoing" placeholder="Outgoing Message">
</div>
<div class="form-tips"><b>Tip:</b> </div>