1. cari gambar yang bagus
2. copy gambar ke folder C:\Users\TOSHIBA\.node-red
3. import node dibawah ini ke node red:
[{"id":"aef760ca.6f201","type":"ui_template","z":"7e5c236f.8633ec","group":"72303c1.198bdc4","name":"","order":1,"width":0,"height":0,"format":"<style>\n body {\n background-image: url(\"/pic.jpg\");\n background-repeat: no-repeat;\n background-position: right top;\n background-size: 100%;\n background-attachment: fixed;\n }\n</style>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","x":240,"y":400,"wires":[[]]},{"id":"72303c1.198bdc4","type":"ui_group","z":"","name":"Default","tab":"d50f4120.5bc2d","order":1,"disp":true,"width":"6","collapse":false},{"id":"d50f4120.5bc2d","type":"ui_tab","z":"","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]
4. buka file settings.js di folder node red
uncomment dan edit bagian di bawah ini
httpStatic: 'C:/Users/TOSHIBA/.node-red',
5. save
6. stop node red
7. start
sumber :
https://discourse.nodered.org/t/gui-background-image/30588/13
Tidak ada komentar:
Posting Komentar