Examples of HABPanel Solutions

(Christian) #189

This looks nice! Do you use the official CALDAV binding?

Could you please share code for the template, items and binding config?

(Tommy Sharp) #190

Man, I wish I could get access to my outlook.com Microsoft calendar to do something like this :frowning:

(Andrew Pawelski) #191

Yes using the CalDAV binding
Got it working with ICloud you can read here [SOLVED] Apple icloud CalDav connection
I used a modified CSS from the awesome work of @pmpkk Custom Theme in HabPanel 2.1 Example
I will share via a widget but I have found experience varies - if there is no place on an event the binding crashes everything and the sitemaps wont load which is a real shame
Heres the custom widget page any more info please let me know
Custom Widget: Up Next Calendar

(Branden Smale) #192


Thank you for this code, looks awesome on my computer. Problem is now that it doesn’t scale to phone size. How might I allow it to do this? Also, can you explain what should be changed to match my items, ive pakyed a bit, but cant figure it out, i have no knowledge of html…for example, the “name” i assume is the name of the thing. “Item” i assume is the name of the item itself. I coukd be wring in my assumption, as i have entered my own stuff in those areas, but cannot get it to work.

(Branden Smale) #193

Also, this would be awesome if it were responsive. Do you know how, and can you help? Id like to use your example as its exactly the dashboard i want to use.

(Branden Smale) #194

Is there a way to set the button position to be constrained to the template widget its on? That way when it gets resized on a different screen size, it stays where its meant to be. Im trying this on the mobile experimental option, but the button is constrained to the screen, not the template widget.

How to make dashboard responsive
(Yannick Schaus) #195

Maybe use percentage instead of pixels for top and left i.e. left: 17.3% etc.? Just an idea, I haven’t really tested it.

(Branden Smale) #196

thank you for that, it worked…how do i change the icon color in nibi79s widget

(Omar) #197

Ciao, mi spiegate come fare?

(marcel_erkel) #198

English only please.

(Omar) #199

Hello, I hope to make me understand …
You can tell me how to do it

(SiHui) #200

Hello Omar,

welcome to this forum.
It is not clear what you want to know.

If you are looking for basic HABPanel instructions, take a look here:


If you don’t speak English, just feed it through https://translate.google.com, a lot of us don’t speak native English :+1:

(lysol) #201


Regarding your actual Nest Protect Icon, where are you grabbing the icon/image file from on your server?

I see the following lines that are pertinent:

<div ng-init="ServerPath='/static'; IconSet='nest'"></div>
<td rowspan="4" style="padding: 0px; padding-top: 0px; padding-bottom: 0px"><img id="nest-icon" height="80" width="80" src="{{ServerPath}}/images/{{IconSet}}/nest-protect-glow-blue.png"/></td>

I tried to just modify the second line there to the following:

<td rowspan="4" style="padding: 0px; padding-top: 0px; padding-bottom: 0px"><img id="nest-icon" height="80" width="80" src="/etc/openhab2/icons/classic/nest_protect_32.png"/></td>

I have couple .png files I made of a nest protect, one is 80x80 and the other is 32x32. I tried forcing the widget to use them, but am unable.

(marcel_erkel) #202

The icons are stored in /etc/openhab2/html/images/nest/. The /static/ directory maps to /etc/openhab2/html/ directory on the filesystem.

(lysol) #204

Thank you so much. That did it!!!

(Peter Joosten) #205

Marcel, thanks a lot for jumping in here, I only returned to the forum today to answer the question, to find you already did.

(Michael Chilson) #206

Hey guys love seeing all your panel layouts. I have a couple questions and I am very new so please stick with me.

I have a Panel Developed but can’t seem to get the Weather to integrate into the panel.

I’d also like to see a interactive list of sensors (Doors and Windows) any thoughts on that as to who to show it?

The other question is to display Pandora Music info any thoughts on showing this on the screen?

Thanks Guys!

(lysol) #207

What problem are you having with the weather?

(Michael Chilson) #208

Cant seem to get it to display anything. Just a empty box.

(lysol) #209

Can you post your code?