To get your colour temperature dials like mine, you have to do the following:
Set knob to Tron skin, and enable ranges, then set the following hex for each.
thanks for sharing.
css works fine.
I’m looking forward to import a json file of your HABPanel to customize this to my Openhab.
I like the way you display the Grafana graph and wish to use your MUSIC part exactly you have done it.
Also the other parts like lighting will be a very good start to get a smart idea how to get things done.
The elements making up the music player are all single template widgets. I could show examples in the thread, I don’t know any other way to share the widgets, or how to make them in to downloadable widgets.
i got a few questions:
what kind of colorpicker are you using at the first screenshot?
are the icons of the hue lamps switches?
do you use the dimmer for a group of lamps or one for each lamp?
I think you could Export your hole Theme (without external data/pictures/etc.).
Go to the main properties and click on “Edit the local panel configuration (experts only)”
Then click on Export.
OR
Try to open http(s):///habpanel/index.html#/settings/localconfig
Haven’t really done it by myself but it should do the job…
I’m using the standard modal picker colour changer below the colour temperature knobs, which are just standard knobs with the tron skin setting applied.
I’m using dimmers for both single lamps and some groups too. In the room the panel is in, it will have a dimmer for each bulb, while other rooms are set as groups.
@Felix_Raetz
Interesting, I will look in to it. Is there a way to extract just template widgets I’ve made as .json files, or a single dashboard screen like the music player?
Design is my area, I’m still to learn the inner workings of openhab.
@gman: I think at the moment there is no comfortable way to do this. But there are different ways to handle this.
Share the whole Export. After people import all parts of your dashboard, they can delete what they don’t need.
You can go deeper in the json source code and select just the part you want to or modify it (that’s the hint “experts ony” is for.
If you don’t want to share your whole OpenHab design, and don’t want do get deep into the json file. You could create a !BACKUP! of your cool Dashboard. Export of your dashboard shoud do the job. After having a Backup, you could delete all parts you don’t want to share. Now you could export it and share it. Restore (import json) you Dashboard.
There are two different locations how HabPanel saves configurations/dashboards. Stored directly on your Server or as a local configuration. You can see it in the main configuration: “Local configuration” or “Panel configuration”. If you use “Panel configuration” (Server) than you can switch to “Local configuration”. Now you have a local copy of your dashboard. Delete all the parts, you dont want to share. Export and share. Switch back to “Panel configuration”.
Export all and send it to me. I will modify it like you want wand to share it.
I thought the plan was, you highlight the code in the json file and then paste it in and merge with your own dashboards. If you create one called music, then you can replace the necessary part and save, no?
The way I have it set is really only going to work on 1920x1080, so you’ll need to remove, or move about elements for smaller panels.
Broken images are there because they’re currently set to Spotify and Chromecast Audio items for my own setup.
You can replace these with your own items for image art from Spotify, or whichever your player is. Then modify the following areas in the template widgets.
{{itemValue('spotify_current_cover')}}
You’ll need persistence setup too, so it won’t show broken images and N/A when your music player isn’t active.
Persist the following items for the music screen: