hello everyone
i want the leds appear in rectangle so i want to change the width and color of border of node led , i want to diverse the ship image in zones so every zone in a rectangle which appear the led
can anyone tell me how and thank you all
You may need to post the code for people to help you.
i don't have code all i have node template where i change border radius to have format of ship and i put leds
NB: the ship is not a picture its a groupe and i change the border radius
You must be using CSS to specify the border radius and background colour.
Have you tried setting a border width and colour?
[{"id":"bd582e90e6c0d4ca","type":"ui_template","z":"d0d88bf8148b7bd4","group":"5c86b4676297d59f","name":"Shipshape","order":4,"width":9,"height":"2","format":"<div class=\"outer\">\n <div class=\"inner\">\n <span>{{(payload)}}</span>\n </div>\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":390,"y":220,"wires":[[]]},{"id":"9179033a678c6abd","type":"ui_template","z":"d0d88bf8148b7bd4","group":"5c86b4676297d59f","name":"CSS","order":3,"width":1,"height":1,"format":"<style>\n.outer{\n position: relative;\n height: calc(100% - 1px);\n width: calc(100% - 1px);\n background-color: rgba(0,0,0,0%);\n \n}\n.inner {\nposition: absolute;\ntop: 0px;\nleft: 0px;\nwidth: 100%;\nheight: 100%;\nbackground-color: #22ccff;\nbox-sizing: border-box;\nborder:4px solid #cc00ff;\nborder-radius: 7% 50% 50% 7%;\n}\n</style>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":370,"y":180,"wires":[[]]},{"id":"5c86b4676297d59f","type":"ui_group","name":"Demo","tab":"95debd9385aaaef6","order":1,"disp":false,"width":"20","collapse":false,"className":""},{"id":"95debd9385aaaef6","type":"ui_tab","name":"Demo","icon":"dashboard","disabled":false,"hidden":false}]
ps I think I would choose to use SVG for a dashboard widget like this. Take a look at some of the examples in the forum.
2 Likes
thank youu 
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.
