Hum... doing this ... all my UI to the big size, not what I wanted... how can I revert to standard size?
The template seemed pretty harmless, I though it would apply only to the copied template. It actually changes all my environment.
thanks
You can edit it to change the target of the CSS to whatever item you wish.
I'm trying to do the same with CSS size (whidth, height), to get a better responsive web page, but it seems not to work. Has everyone ever tried?
Thank you. Coming from a different background, I appreciate these comments. Made a world of difference to my dashboard. appreciation!
Here is a working example:
[
{
"id": "7d7792c02548b90b",
"type": "tab",
"label": "Flow 4",
"disabled": false,
"info": "",
"env": []
},
{
"id": "f0b3c1d3aec92aeb",
"type": "inject",
"z": "7d7792c02548b90b",
"name": "ts",
"props": [
{
"p": "payload"
},
{
"p": "topic",
"vt": "str"
}
],
"repeat": "1",
"crontab": "",
"once": true,
"onceDelay": 0.1,
"topic": "",
"payload": "",
"payloadType": "date",
"x": 170,
"y": 280,
"wires": [
[
"c8758830a6d409fe"
]
]
},
{
"id": "c8758830a6d409fe",
"type": "moment",
"z": "7d7792c02548b90b",
"name": "fm",
"topic": "",
"input": "",
"inputType": "msg",
"inTz": "America/Los_Angeles",
"adjAmount": 0,
"adjType": "days",
"adjDir": "add",
"format": "HH:mm:ss",
"locale": "en-US",
"output": "",
"outputType": "msg",
"outTz": "America/Los_Angeles",
"x": 350,
"y": 280,
"wires": [
[
"0eaac4d1db10699f"
]
]
},
{
"id": "0eaac4d1db10699f",
"type": "ui_text",
"z": "7d7792c02548b90b",
"group": "1294b4ee22ea24a7",
"order": 23,
"width": 8,
"height": 4,
"name": "txt",
"label": "",
"format": "{{msg.payload}}",
"layout": "row-spread",
"className": "f130",
"x": 510,
"y": 280,
"wires": []
},
{
"id": "f2041e03d7e6a90d",
"type": "ui_template",
"z": "7d7792c02548b90b",
"group": "1ea34d06.1438c3",
"name": "temp",
"order": 0,
"width": 0,
"height": 0,
"format": "<style>\n\n .f10 p {font-size:10px;}\n .f20 p {font-size:20px;}\n .f30 p {font-size:30px;}\n .f40 p {font-size:40px;}\n .f50 p {font-size:50px;}\n .f60 p {font-size:60px;}\n .f70 p {font-size:70px;}\n .f80 p {font-size:80px;}\n .f90 p {font-size:90px;}\n .f100 p {font-size:100px;}\n .f110 p {font-size:110px;}\n .f120 p {font-size:120px;}\n .f130 p {font-size:130px;}\n \n</style>",
"storeOutMessages": true,
"fwdInMessages": true,
"resendOnRefresh": false,
"templateScope": "global",
"className": "",
"x": 350,
"y": 360,
"wires": [
[]
]
},
{
"id": "1294b4ee22ea24a7",
"type": "ui_group",
"name": "G1",
"tab": "3b8d547c06845dc4",
"order": 1,
"disp": true,
"width": 10,
"collapse": false,
"className": ""
},
{
"id": "1ea34d06.1438c3",
"type": "ui_group",
"name": "Default",
"tab": "",
"order": 1,
"disp": true,
"width": "6",
"collapse": true
},
{
"id": "3b8d547c06845dc4",
"type": "ui_tab",
"name": "T2",
"icon": "dashboard",
"order": 2,
"disabled": false,
"hidden": false
}
]
1 Like
