OpenWeatherMap widget for HABPanel

sorry, i read it and still don’t understand. i showed the code i used so that someone could tell me if i have the proper syntax. so with stars or quotes or what?

@applesauce Make sure you are using the id of the right thing, I confused the id from the “Local weather and forecast” with “Weather and forecast” thing and it wasn’t working until I realized that I mixed them up. You need to use the id from the “Local weather and forecast” thing/channels.

thx, now I’m getting the data, but sometimes I receive an integer and sometimes a string without changing the config:

Line 121389: 2019-01-26 20:46:57.567 [vent.ItemStateChangedEvent] - Weather_OWM_ConditionId3 changed from Leichter Regen to 500
Line 121399: 2019-01-26 20:56:58.113 [vent.ItemStateChangedEvent] - Weather_OWM_ConditionId3 changed from 500 to Leichter Regen
Line 121400: 2019-01-26 20:56:58.125 [vent.ItemStateChangedEvent] - Weather_OWM_ConditionId3 changed from Leichter Regen to 500
Line 121403: 2019-01-26 21:06:58.725 [vent.ItemStateChangedEvent] - Weather_OWM_ConditionId3 changed from 500 to Leichter Regen
Line 121404: 2019-01-26 21:06:58.728 [vent.ItemStateChangedEvent] - Weather_OWM_ConditionId3 changed from Leichter Regen to 500
Line 121412: 2019-01-26 21:08:56.781 [vent.ItemStateChangedEvent] - Weather_OWM_ConditionId3 changed from 500 to Leichter Regen
Line 121413: 2019-01-26 21:08:56.783 [vent.ItemStateChangedEvent] - Weather_OWM_ConditionId3 changed from Leichter Regen to 500
Line 121423: 2019-01-26 21:20:48.714 [temChannelLinkRemovedEvent] - Link ‘Weather_OWM_ConditionId3 => openweathermap:weather-and-forecast:167dd3df7f0:forecastHours72#condition’ has been removed.
Line 121460: 2019-01-26 21:29:48.231 [ome.event.ItemUpdatedEvent] - Item ‘Weather_OWM_ConditionId3’ has been updated.
Line 121482: 2019-01-26 21:38:59.176 [vent.ItemStateChangedEvent] - Weather_OWM_ConditionId3 changed from NULL to 500
Line 121505: 2019-01-26 22:02:18.501 [temChannelLinkRemovedEvent] - Link ‘Weather_OWM_ConditionId3 => openweathermap:weather-and-forecast:167dd3df7f0:forecastHours72#condition-id’ has been removed.

Do I have to change some setting in the OWM account?

Am I missing something here on how to change the icon colors? Also I seem to be missing the icon for the current conditions.

The color (and size) you can configure in the widget settings

thats what i was doing. I see in the setting where it says icon_color_current…but whatever i put in there for default value ie: Cyan. It doesn’t do anything.

that is strange. in my widget the config works.

Does the change of font size work?

nope. It does nothing

I have tried to setup you habpanel widget. Great work !
But i didnt manage to get the icons working. Maybe something with the permissions?
I also dont find a channel in the weather and forecast thing for the Weather_OWM_ConditionIconId item. Right now the widget looks like this:

In PaperUI all the different items receive their values (except the Weather_OWM_ConditionIconId item).
Thanks for you effort
Greetings from Austria

can anyone tell me how can i find my ID ?

My channel link looks like this (openweathermap2.4 binding):



works just fine
great job!

You can see the ID in the log file, e.g. when you add the weather informtion thing. Important: do not take the ID from the accout thing.

Well, I took me some time to get into Angular but a new enhanced version of this widget is available in beta. It now uses the hourly forecast to get the closest to noon data to display for the coming days. This way you get a more accurate daily forecast stil using the free API.

Before I pull it to master, I would appreciate it if someone with more experience with Angular can take a look at my code to see if it makes sense or not. For instance, I’ve got my doubts about the use of $interval. Fork if you like. Please add the items from the items file.

For everybody else, please wait with this beta until its reviewed.

1 Like

Hi varneyb,
How did you resolve your permission error? I think I`m facing the same problem


Widget looks good. When I use the browser on my laptop it works perfectly.
I have a RPi with 7" touch screen. I’ve installed Firefox and Chromium and in both browsers it looks like this:

The forecast is stacked on top of each other and the current weather icon is in the wrong place.

I’m able to resize the icons but is there an easy way to resize the text?

Also, the configuration for Imperial (US) works well (THANK YOU!!) Except the current weather show km/h rather than mph. Couldn’t find the text in the set up.

1 Like

I can’t show the 3 images from the openweathermap/images folder (feel.png, humidity.png, wind.png) although the files are at the right place and all permissions are correct. Even after restarting OpenHAB2, nothing changes.

I can’t even access the images directly through the following URI path:

However the files under openweathermap/weather-icons-master/ are directly accessible:

Also, no forecast icons are displayed. Instead the CSS tells me there’s a N/A value somewhere, resulting in an incorrect CSS class wi-owm-N/A:

<i class="wi wi-owm-N/A" ng-style="{ 'color' : (config.icon_color_forecast == NULL) ? primary-color : config.icon_color_forecast, 'font-size' : (config.icon_size_forecast == NULL) ? '3em' : config.icon_size_forecast + 'em' }" style="font-size: 3em;"></i>

What else can I do?

Continuing the discussion from OpenWeatherMap widget for HABPanel:

this ist the same i get on my Nexus 7 tablet that i use for HABPanel UI

Hi Bastiaan,

I have got a problem with your widget.
It worked perfectly, and suddenly stopped. I completly deinstalled everything and started new, but the same problem occured. I have used the right ID, I have got the right Fiels and Folders, but I am not sure what it could be.

The three widgets on the right are dummies to show that I am useing the right ID and so on.

I solved the issue by my self. The problem that I had was located in the items file.

Number:Temperature		Weather_OWM_Temperature			"Temperature [%.1f %unit%]" <temperature>		{channel="openweathermap:weather-and-forecast:<your-id-here>:local:current#temperature"}

The :local: in the channel had to be deleted. Now the widget ist working like a charm.

I just haven’t found out from where the problem came from.


thanks for the widget, everything configured in less than 5minutes :slight_smile:
I just have troubles with the resolution on my tablet. how can I change the fontsize so it will fit my screen?