[Abandoned] Weather Widget Custom Tile Collection

The tile settings screen shot above is only a representation - The API Key is currently 32 characters (letters/numbers) and the Longitude/Latitude could be a positive or negative number depending on your location.

@Shai_Dotan, I replied to your PM - Your screen shot (tile settings) looks different. I suspect the original code is being changed/adapted?

@Shai_Dotan I updated my reply above with some additional details and example videos. Please let me know if it helps. :slight_smile:

OK !!! THAT’S did the job…
I follow @josh movie and entered the parameters within my DASHBOARD. Before I entered the parameters in the Custom Tile Editor and pressed Preview which didn’t showed nothing.
I used to do a PREVIEW for Media Tiles. I thought PREVIEW work for Custom Tiles as well… apparently not.
Thanks a lot (as usual) for the great support !!!

@Michael, I really love your new widget and it’s "smart background!

However I have gone back to the version based on your prior work. The reason is that the current weather takes so little space on the tile that it’s difficult to read. I haven’t discovered a solution to that. Maybe if I delved into the code I might see how to enlarge it.

I would use the new version to show the hourly forecast, and continue to use the prior version for the daily forecast.

To show what I’m trying to describe, this is the dashboard using your prior effort:

In this dashboard I’ve replaced the current weather info with the new widget:

Shows how you’ve spoiled us: if I didn’t have the previous app I would have eagerly used the new widget.

Thanks for the good stuff!

@Stan_Silverman, Thanks

The ‘Live’ Weather Widget was designed and intended to fill (majority) a screen - All about the graphic! The content will scale but at some point… if the tile is too small (relative to the dashboard) the text may then become unreasonably too small to read.

You could insert your own HTML/JavaScript and create a new widget that is specific to your set up. There are specific/identified areas in the Weather Widget (original) where you can safely place your custom markup.

Here’s an example that may give you some ideas.

img

2 Likes

Thanks Josh,

i’ve got most of that working but can’t get the images to load, iv’e got them saved Here but it keeps coming up with this

any ideas?

Tony

What’s the background image URL path used in the tile editor? Looks like it is not pointing to raw images correctly.

Per @Michael’s comment above…

It sounds like imgur won’t work since it won’t keep the URLs / image names consistent with what the custom tile is expecting.

PS. I moved your reply over to the original Weather Widget Custom Tile Collection thread so you can get relevant help. :grinning:

I haven’t used imgur before, but it does look like the files get renamed.
Because of that… You will need to change the image references (i.e. thunderstorm = “your_file_name”) and or the file (image) extension (i.e. “png”) in the getWeatherBkgrd function.

NOTE: For imgur - Use the URL: https://i.imgur.com/

1 Like

Hello everyone, Newbie here but can someone explain how do I go about loading the images to a server, I can’t seem to figure this part out to get the animated images, Thanks.

It varies, depending on the hosting provider. Most provide an “Upload” button (select files), and or a “drag and drop” option. Before you upload… Be sure to unzip the file.

A couple (free) options are:
imgur.com, github.com

NOTE : Imgur will rename the uploaded image files - You will need to update the getWeatherBkgrd function (code) to reflect the new file name(s) (i.e. thunderstorm = “new_file_name”).

Thanks for the response Michael, I am new to this so forgive my knowledge issue, I went to GitHub and tried to upload an image but it is saying they have to be less than 1mb, after unzipping to I need to do anything to the files they are named 200, 300 500 and so on, thanks.

You do not want to change the file names (200, 300, etc) - Choose a hosting service and upload the files as is. IF they get renamed… you will have to change the function variables (i.e thunderstorm = “new name”, rain = “new_name”, and so on).


You should be able to upload the images to GitHub - (100 MB Limit)
After signing up for an account and creating a repository… you should see a set of buttons inside the repository that looks like this:

upload

Click ‘Add file’ > ‘Upload files’ which will then take you here:

Click ‘choose your files’ (which will open up the file window) and select the folder which contains the images. Then, drag the entire folder and drop it in the boxed area. After it finishes adding all the files > Scroll to the bottom and click the ‘Commit changes’ button. You should now have a folder (presumably named “images”) containing the images in your repository.

Thanks again MIchael, I did as you mentioned, now question is how do I get the url to put into the weather tile, thanks.

Background image: URL Path

url_path
Dashboard Tile Settings


GitHub:

https://raw.githubusercontent.com/account/repository/branch/folder/

Replace account, repository, branch (usually main/master), and folder (if created) with your details.

Imgur:

https://i.imgur.com/

:exclamation:Be sure to include the trailing /

1 Like

Michael thank you so much was able to finally get it to work i guess I forgot to publish it thanks again for the assistance.

The Weather Widget Collection has been updated to fully support, 34 languages. The complete list with language codes can be found above under Setup.


To update your current widget(s)

  1. Open the Developer Tools
  2. Select the desired Custom Tile from the list
  3. In the code editor, tap the gear icon and select ‘Update from Source’
    image

:warning: Be sure to scroll down and click ‘Update’

4 Likes

It occurred to me that… In order to get (be aware of) a possible update, you would need to visit the community on a regular basis. I’ve updated the Weather Collection widgets, to include an option to be notified (via the dashboard tile) if an update is available.

update_notice

Go into the Developer Tools to update (recommended) your current version (see how above).

Note: The notification option is turned off by default. Go into the tile settings to change it (on/off).

3 Likes

A New Weather Widget (Post-it Note) has been added to the collection. See details above.

2 Likes

Is it possible to CSS increase The size of The text and icons in The horizontal bar? What function should i target?