Create line break in label: function()

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>


This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.