Weather tile help

[eibyer]

Anyone know where I can source weather tile with similar feature to the one below? This one is from an ActionTile dashboard.

[neonturbo]

There are many options. There is a built-in weather component in Hubitat, Open Weather if you get an API key is pretty easy to add. You just add a Virtual Device, Weather, then paste an API key and check your location. It is fairly basic but it works good.

Another option I like is btpworld's Weather.Gov app. It has tons of options and features like alerts and pollen count and much prettier images in the dashboard. This isn't Brian's fault, but I have found the weather service (the data source itself) much less reliable, there seems to be lots of down time on their server. But when it works, it is excellent. I would suggest using Hubitat Package Manager to install this or any of his apps, it makes things much easier.

[Deprecated] Weather Dot Gov - Gathering data from weather.gov

Introducing 'Weather Dot Gov' Making the Weather.gov data usable with Hubitat. No longer actively supporting this app. Weather.gov website is too unpredictable/unreliable. Features: Collect and display tons of weather data from weather.gov NO signups or cost needed! Daily Forecast, Weekly Forecasts, Alerts, Notifications, Pollen and Asthma Forecasts All data is available to use in RM or any other app Several pre-made tiles to choose from or build your own using Tile Master. Parent/Child A…

[BETA] Hubitat Package Manager

Ok I think this is stable enough now to release as a beta. This is a package manager for Hubitat that makes installing and managing your apps and drivers easier. It allows you to install an app (for example Ecobee suite that has 13 apps and 2 drivers) with "one click" instead of having to do each one manually. It also automatically checks to see if new versions of anything installed using this app are available. As time goes on I hope more developers will come on board (if apps you use aren't su…

There are other weather apps, but be aware that many of them are using data that is/can be shut down or are in the process of making users pay for the data. That is why I suggest these over others.

[eibyer]

Thanks. I found the openweather one but the output is too small for the same tile position I had before. I will explore the other ones you linked too.

[eibyer]

This is the one I get out of openweather... I wish there were more options on what to show,

[neonturbo]

Yea, it is pretty basic. But you also can add a few things to a new tile, go to the dashboard, select Weather device again, but this time instead of Weather in the template section, (middle column) choose Attribute.

In the Attribute there is a pulldown where you can choose particular items. There are a couple things in there that don't show in the large main tile. Still probably not what you want.

[eibyer]

I was able to use the OpenWeatherMap-NWS-Alerts-Weather-Driver driver which produced almost the same icon I had on ActionTiles. In case some other folks look for information regarding Sharptools dashboard and OpenWeather.

[Matthew]

@eibyer

I was able to use the OpenWeatherMap-NWS-Alerts-Weather-Driver driver

Other tiles available in this driver:

[tivomaniac]

How do you get to these other tiles? New to Hubitat so still learning the ropes.

Thanks!

[Matthew]

@tivomaniac

How do you get to these other tiles?

I copied this from another thread, but the concept is the same.

1. Select the device,
2. then 'attribute' then the attribute you want to show. (If it is an 'optional' attribute make sure you have it turned 'on' in the device preferences). The tile attributes are:
   

The attributes show in the list as alertTile, myTile, threedayfsctTile and weatherSummary.

[thomas.c.howard]

Your post inspired me to take a look at this. I have added the capability of a weather tile to HubiGraphs. I will be developing more features and options in coming weeks. Here is a link:

[jake.breish]

How did you get your tile to look this way?
Thanks!

[thomas.c.howard]

@jake.breish, I have been learning and hobbying during the past four months playing with graphs, html etc. My wife has some very specific design ideas and my job is to realize them.

To answer your question, I created an app that creates a custom iframe which can be installed as an attribute on the dashboard tile. I try to make them as customizable as possible and not require extra hardware or software to be useful. The above tile, for example only requires an OpenWeather API key. You can modify the font sizes, icons colors, background, etc. All from the app. (I am working on modifying location of elements in the tile now). At this point, I have created Graph, Weather, Forecast, and Radar Tiles. See the HubiGraph thread for more.

[william_ellis]

I do not see the same thing in my title: Clearly my setup is not allowing for the icons or maybe I do not understand the concepts. Clearly I only see one attribute but I never see a icon or picture (you can see the tile to the left.)

[thomas.c.howard]

Ah; you are selecting the API. You should select the tile device (the one created by the toggle).

[tbird412]

How do you get rid of the title header and footer though?

[Matthew]

For any dashboard:

To hide the title (header) .... on the dashboard click the gear icon at the top right, click 'Options', then check the ' Hide Tile Template Names' box.

To hide the device name (footer) .... on the dashboard click the gear icon at the top right, click 'Advanced', click 'CSS', then add this line '.tile-title { visibility: hidden; }', then click 'Save CSS'.

[tbird412]

Oh perfect, you are quite literally THE MAN

Is there any way to alter the CSS part for just some tiles? Like I want the footer on the other buttons because it tells me which light or door they are. But on the weather one it just overlaps stuff

[Matthew]

@tbird412

Is there any way to alter the CSS part for just some tiles?

I believe there is. I am not a CSS expert, so I will not guess how to do that. Suggest you search the forum for those discussions.

[thebearmay]

Each tile can be referenced individually in the CSS section using #tile-xx. Good starting point on CSS:

The Noob's (in)complete guide to CSS for Hubitat

Hopefully this is a good enough example to demonstrate Let's say I want to get rid of the word "Present" as the icon is good enough feedback for me [25] I right click on "Present", choose "Inspect Element" (in Chrome) [23] There it is highlighted, it is part of the div with the id of "tile-12", and this is the main HTML container for the tile. Using some CSS to target it: #tile-12 .tile-primary > div { display: none; } That says: in the container identified as 'tile-12' find the cont…

[Stu_The_K]

@Matthew

footer

I want to turn off the footer for the 3 day forecast which right now is showing what I called the device, i.e. "OpenWeather Virtual Device". I went into the Settings, (gear icon), clicked Advanced, then clicked on CSS and pasted this into the window and clicked the Save CSS button but nothing happened.

'.threedayfcstTile{ visibility: hidden; }'

BTW, I tried it with and without the single quotes and also with and without a space between threedayfcstTile and the {. None of those removed the footer.

Can you please tell me what I'm doing wrong?

Here is the tile (with the header showing so you can see the tile's title)

Here is the CSS code (in this shot I had removed the single quotes ''):

One other question: I don't want the PoP on the 3 day forecast, but do what the wind info. I tried to turn off PoP items in the device's preferences and turn on the wind items, but it didn't change the tile. Is the 3 day forecast tile adjustable or is it fixed as is? If so, is there a way I can create a custom to tile to make those desired changes?