Hello friends,
I tired this script to get my logo to my dashboard. Unfortunly the colors are inverted afterwards.
Tried to find something about it in the forum but with no luck. Anyone else experienced this problem?
[
{
"id": "7410f7e42878ab9e",
"type": "ui_template",
"z": "a9ed4fd40ab38e2f",
"group": "3ad2bc4a7ed3c9a3",
"name": "top-bar logo",
"order": 1,
"width": 0,
"height": 0,
"format": "<style>\n #top-bar-logo {\n background-image: url(https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg);\n background-size: contain;\n background-repeat: no-repeat;\n background-position: right;\n height: 90%;\n width: 90%;\n}\n</style>\n\n<script id=\"logo-script\" type=\"text/javascript\">\nfunction build(){\n $(\"#top-bar-logo\").remove()\n var logo = $('<div />').attr(\"id\",\"top-bar-logo\");\n var topbar = $('.md-toolbar-tools');\n topbar.append(logo)\n}\nfunction checkExistence(){\n console.log($(\"#top-bar-logo\"))\n if($(\"#top-bar-logo\").length > 0){\n return\n }\n build()\n setTimeout(checkExistence,100)\n}\n\nbuild()\nsetTimeout(checkExistence,100)\n</script>\n",
"storeOutMessages": true,
"fwdInMessages": true,
"resendOnRefresh": true,
"templateScope": "global",
"className": "",
"x": 330,
"y": 80,
"wires": [
[]
]
},
{
"id": "3ad2bc4a7ed3c9a3",
"type": "ui_group",
"name": "Default",
"tab": "",
"order": 1,
"disp": true,
"width": "6",
"collapse": false
}
]
thank you