Thanks Andy!!
I couldn't get your code to work as posted, but it gave me some major steps in the right direction... Copy/Paste/Guess to the Max!!
And it actually worked!!
Here's what I came up with ultimately:
[
{
"id": "d52180de48148c7f",
"type": "ui_template",
"z": "68e5c71acc43e814",
"g": "7cdc27954f172ea5",
"group": "62350f50d4b09ff8",
"name": "Up/Dn Tile",
"order": 21,
"width": 1,
"height": 1,
"format": "<div id=\"{{'my_'+$id}}\" style=\"{{'color:'+theme.base_color}}\"></div>\n\n<div class top\nstyle=\"background-image: url('/png/Up_Arrow_Button.png');\n cursor: pointer;\n background-repeat: no-repeat;\n background-color: transparent;\n background-size: 90% 90%; \n width: 90%; \n height: 90%\"\nng-mousedown=\"mousedownT($event)\"\nng-mouseup=\"mouseupT($event)\"\n></div>\n\n<div class bottom\nstyle=\"background-image: url('/png/Dn_Arrow_Button.png');\n cursor: pointer;\n background-repeat: no-repeat;\n background-color: transparent;\n background-size: 90% 90%;\n width: 90%; \n height: 90%\"\nng-mousedown=\"mousedownB($event)\"\nng-mouseup=\"mouseupB($event)\"\n></div>\n\n<script>\n(function(scope) {\n scope.mousedownT = function(event) {\n event.target.style.backgroundImage = \"url('/png/Up_Arrow_Button1.png')\";\n scope.send({topic:\"Top\", payload: true})\n }\n scope.mouseupT = function(event) {\n event.target.style.backgroundImage = \"url('/png/Up_Arrow_Button.png')\";\n scope.send({topic:\"Top\", payload: false})\n }\n scope.mousedownB = function(event) {\n event.target.style.backgroundImage = \"url('/png/Dn_Arrow_Button1.png')\";\n scope.send({topic:\"Bottom\", payload: true})\n }\n scope.mouseupB = function(event) {\n event.target.style.backgroundImage = \"url('/png/Dn_Arrow_Button.png')\";\n scope.send({topic:\"Bottom\", payload: false})\n }\n})(scope);\n</script>",
"storeOutMessages": false,
"fwdInMessages": false,
"resendOnRefresh": false,
"templateScope": "local",
"className": "",
"x": 250,
"y": 2290,
"wires": [
[
"443a53aea21939e3"
]
]
},
{
"id": "62350f50d4b09ff8",
"type": "ui_group",
"name": "Radio",
"tab": "554e77d51ad13f2d",
"order": 1,
"disp": false,
"width": 24,
"collapse": false,
"className": ""
},
{
"id": "554e77d51ad13f2d",
"type": "ui_tab",
"name": "PCR1000",
"icon": "dashboard",
"order": 1,
"disabled": false,
"hidden": false
}
]
If I might ask, what does this actually do? [quote="UnborN, post:25, topic:52846"]
added cursor:pointer css style
[/quote]
Now the frequency adjustment looks a hang of a lot better on the front-end:
As an offspring from this, do you know whether it is possible to make a button split vertically instead of horizontally? (as in Left/Right arrows, opposed to Up/Down)
Regds
Ed
