You may use the possibility to set a class in the elements configuration. Then add a template node to your header and fill in the values. For this you could use the element-ids, too.
This could be a start:
[
{
"id": "7f352191de985456",
"type": "tab",
"label": "Flow 1",
"disabled": false,
"info": "",
"env": []
},
{
"id": "b4a0b1e78a363e6b",
"type": "http request",
"z": "7f352191de985456",
"name": "",
"method": "GET",
"ret": "obj",
"paytoqs": "ignore",
"url": "",
"tls": "",
"persist": false,
"proxy": "",
"authType": "",
"senderr": false,
"x": 790,
"y": 260,
"wires": [
[
"876b1bc1df914b42"
]
]
},
{
"id": "bd37660db06f5b0b",
"type": "change",
"z": "7f352191de985456",
"name": "seteo url PROD",
"rules": [
{
"t": "set",
"p": "url",
"pt": "msg",
"to": "https://www.pepepe.com",
"tot": "str"
}
],
"action": "",
"property": "",
"from": "",
"to": "",
"reg": false,
"x": 600,
"y": 260,
"wires": [
[
"b4a0b1e78a363e6b"
]
]
},
{
"id": "c29cf2cf549bc894",
"type": "ui_button",
"z": "7f352191de985456",
"name": "",
"group": "d033b283fa16a7ea",
"order": 6,
"width": 5,
"height": 1,
"passthru": false,
"label": "Test Servicio PRD",
"tooltip": "",
"color": "",
"bgcolor": "",
"className": "",
"icon": "update",
"payload": "",
"payloadType": "str",
"topic": "topic",
"topicType": "msg",
"x": 410,
"y": 600,
"wires": [
[]
]
},
{
"id": "09f897f18194610d",
"type": "ui_text",
"z": "7f352191de985456",
"group": "5b583c22ea6322f1",
"order": 2,
"width": 0,
"height": 0,
"name": "",
"label": "URL: ",
"format": "{{msg.url}}",
"layout": "row-left",
"className": "main-title-content",
"x": 370,
"y": 420,
"wires": []
},
{
"id": "7ac08cb099ba0ea8",
"type": "http request",
"z": "7f352191de985456",
"name": "",
"method": "GET",
"ret": "obj",
"paytoqs": "ignore",
"url": "",
"tls": "",
"persist": false,
"proxy": "",
"authType": "",
"senderr": false,
"x": 790,
"y": 300,
"wires": [
[
"876b1bc1df914b42"
]
]
},
{
"id": "1e7c49f02fbb9fee",
"type": "change",
"z": "7f352191de985456",
"name": "seteo url PROD",
"rules": [
{
"t": "set",
"p": "url",
"pt": "msg",
"to": "https://serviciosweb.diri.mx/webresources/consultainfodn/ivr",
"tot": "str"
}
],
"action": "",
"property": "",
"from": "",
"to": "",
"reg": false,
"x": 600,
"y": 300,
"wires": [
[
"7ac08cb099ba0ea8"
]
]
},
{
"id": "8fa68eccc720e301",
"type": "ui_text",
"z": "7f352191de985456",
"group": "5b583c22ea6322f1",
"order": 5,
"width": 0,
"height": 0,
"name": "",
"label": "Accion de la integracion: ",
"format": "Text messaging, or texting, is the act of composing and sending electronic messages, typically consisting of alphabetic and numeric characters, between two or more users of mobile devices, desktops/laptops, or another type of compatible computer. Text messaging, or texting, is the act of composing and sending electronic messages, typically consisting of alphabetic and numeric characters, between two or more users of mobile devices, desktops/laptops, or another type of compatible computer. Text messaging, or texting, is the act of composing and sending electronic messages, typically consisting of alphabetic and numeric characters, between two or more users of mobile devices, desktops/laptops, or another type of compatible computer. Text messaging, or texting, is the act of composing and sending electronic messages, typically consisting of alphabetic and numeric characters, between two or more users of mobile devices, desktops/laptops, or another type of compatible computer. Text messaging, or texting, is the act of composing and sending electronic messages, typically consisting of alphabetic and numeric characters, between two or more users of mobile devices, desktops/laptops, or another type of compatible computer. Text messaging, or texting, is the act of composing and sending electronic messages, typically consisting of alphabetic and numeric characters, between two or more users of mobile devices, desktops/laptops, or another type of compatible computer. Text messaging, or texting, is the act of composing and sending electronic messages, typically consisting of alphabetic and numeric characters, between two or more users of mobile devices, desktops/laptops, or another type of compatible computer. Text messaging, or texting, is the act of composing and sending electronic messages, typically consisting of alphabetic and numeric characters, between two or more users of mobile devices, desktops/laptops, or another type of compatible computer.",
"layout": "row-left",
"className": "main-title-content",
"x": 430,
"y": 460,
"wires": []
},
{
"id": "385c3f02f604beba",
"type": "ui_text",
"z": "7f352191de985456",
"group": "5b583c22ea6322f1",
"order": 3,
"width": 0,
"height": 0,
"name": "",
"label": "link a carpeta Gdrive",
"format": "http://gdrive.com",
"layout": "row-left",
"className": "main-title-content",
"x": 420,
"y": 500,
"wires": []
},
{
"id": "93c8ad600d13695e",
"type": "ui_text",
"z": "7f352191de985456",
"group": "5b583c22ea6322f1",
"order": 4,
"width": 0,
"height": 0,
"name": "",
"label": "Salida al servicio:",
"format": "PUBLICO",
"layout": "row-left",
"className": "main-title-content",
"x": 410,
"y": 540,
"wires": []
},
{
"id": "876b1bc1df914b42",
"type": "ui_button",
"z": "7f352191de985456",
"name": "",
"group": "d033b283fa16a7ea",
"order": 1,
"width": 0,
"height": 0,
"passthru": false,
"label": "Actualizar URLs",
"tooltip": "Presionar si no se visualiza el campo URL",
"color": "",
"bgcolor": "",
"className": "",
"icon": "update",
"payload": "",
"payloadType": "str",
"topic": "topic",
"topicType": "msg",
"x": 400,
"y": 260,
"wires": [
[
"bd37660db06f5b0b",
"1e7c49f02fbb9fee"
]
]
},
{
"id": "dfa8204d6bd2be33",
"type": "ui_text",
"z": "7f352191de985456",
"group": "5b583c22ea6322f1",
"order": 1,
"width": 15,
"height": 1,
"name": "",
"label": "Numero de caso: ",
"format": "1234567",
"layout": "row-left",
"className": "main-title-content",
"x": 410,
"y": 380,
"wires": []
},
{
"id": "1a0d99df43d4d55b",
"type": "ui_template",
"z": "7f352191de985456",
"group": "75ebc3ea4eb4a464",
"name": "",
"order": 0,
"width": 0,
"height": 0,
"format": "<style>\n \n .main-title-content{\n align-items: flex-start !important;\n height: auto !important;\n }\n \n</style>",
"storeOutMessages": true,
"fwdInMessages": true,
"resendOnRefresh": true,
"templateScope": "global",
"className": "",
"x": 460,
"y": 680,
"wires": [
[]
]
},
{
"id": "d033b283fa16a7ea",
"type": "ui_group",
"name": "Tools",
"tab": "d92ab4b4.55f5c8",
"order": 3,
"disp": true,
"width": "4",
"collapse": true,
"className": ""
},
{
"id": "5b583c22ea6322f1",
"type": "ui_group",
"name": "Integracion pruebaa prueba pruebaa",
"tab": "d92ab4b4.55f5c8",
"order": 1,
"disp": true,
"width": "15",
"collapse": true,
"className": "main-area"
},
{
"id": "75ebc3ea4eb4a464",
"type": "ui_group",
"name": "Mainfolder",
"tab": "",
"order": 1,
"disp": true,
"width": "6",
"collapse": false
},
{
"id": "d92ab4b4.55f5c8",
"type": "ui_tab",
"name": "DEV | URL Integraciones",
"icon": "launch",
"order": 2,
"disabled": false,
"hidden": false
}
]
And you're right, it's possible to edit a template node as you like to get something more flexible.
