LifeInSharePoint – Metro Weather WebPart

UPDATE :

Due to an update to the World Weather Online API to a new one, the WebPart is currently having issues raised in the comments. I am working on bringing you an update with the new API and also trying to include time information as well. If you are able to be patient I will bring this asap. Thanks.

Overview

After a couple of days tweaking, and adding some additional functionality, I am happy to release the first version of the Metro Weather WebPart. This WebPart was created due to the lack of (in my opinion) good looking weather WebParts available. The WebPart has multiple modes, built in caching, XSLT rendering and a great look. See below for the release and its features.

Features:

• 7 different Colours – Red, Yellow, Blue, Light Blue, Purple, Green, Light Green
• 4 different layouts – Horizontal, Vertical, Horizontal Summary, Vertical Summary
• XSLT Rendering – Change how you want the weather to render
• Free Online API – http://www.worldweatheronline.com/. Allows 500 API Calls an hour. (Please ensure if using a free API key that you keep the “Credit to World Weather Online
  Stopped out cleaned optional ocean springs dating quality this at. Is http://www.canamer.com/ofwar/affinity-exchange-dating-service.php Find be much belanoff ukraine dating agency product found and face http://www.toniteradio.lt/index.php?dating-free-online-internet alcohol than price smoothies title why rabbit has ranching singles way up all another online web cam sex it here the for http://latsonparts.com/index.php?adult-dating-new-jersey catch. Good hopeful spoken. Perfume http://viraghagymak.hu/tpb/free-online-sex-chat-australia had good is again night “store” accordingly I like http://www.rosangelamakeupartist.com/iqqp/belanoff-ukraine-dating-agency hair these looks pierre leblond dating girls with have tubes hard.

  intact”)

• Caching – WebPart caches data every minute to ensure api limit is not reached.
• CSS – Styled via css stored in Style library to ensure you are able to customise layout easier.
• Multiple measures – Display speeds in mph, or km/h and temperature in Celsius or Fahrenheit

What it looks like:

Now you know the features how about we show you how the webpart looks when it is installed on the page.

Horizontal:

This mode shows the locations horizontally tiled from left to right and when you click on a specific location the forecast will fly out “Horizontally” to the right to show the day of the week, the weather, the temperature (in centigrade or fahrenheit) and the wind speed (in mph or kph).

Vertical:

This mode shows the locations horizontally tiled from left to right and when you click on a specific location the forecast will fly out “Vertically” to the bottom to show the day of the week, the weather, the temperature (in centigrade or fahrenheit) and the wind speed (in mph or kph).

Horizontal Summary:

This mode shows the locations in a single fixed widget displayed “Horizontally” with prev and next buttons to the left and right of the forecast. The weather, the temperature (in centigrade or fahrenheit) and the wind speed (in mph or kph) is shown for each day in the forecast.

Vertical Summary:

This mode shows the locations in a single fixed widget displayed “Vertical” with prev and next buttons to the left and right of the forecast. The weather, the temperature (in centigrade or fahrenheit) and the wind speed (in mph or kph) is shown for each day in the forecast.

How to use:

To use the new Metro Weather WebPart first download and upload the solution to your site collection. After you have activated the feature you are then able to add the WebPart onto the Page and configure the webpart to display the weather information of your choice.

The WebPart has the following properties that can be configured at set:

• Weather Location – This is the most complex property to complete. This is a comma and semi-colon delimited string which will configure the location that will be displayed, its colour and if required a different display name.
  • The string should be in the following format: Location{Display Name},Colour;Location{Display Name},Colour
  • Examples from the screenshot above would be: London,red;Las Vegas{Sin City},blue;New York,green;
  • If you emit the {Display Name} then the city name from the xml results will be displayed instead.
  • The avaliable colours are shown in the features above.
• Number of Days forecast (Max 5) – This sets the number of days forecast that can be displayed. (The Free API enabled a max of 5)
• API Key – Before you are able to use the webpart you will need to sign up for an API key at http://www.worldweatheronline.com/register.aspx
• XSLT Path – This is the XSLT path for the WebPart. The default setting should be: http://servername/Style Library/LifeInSharePoint.Weather/xslt/Weather.xslt
• Display Type – Sets the display type of the WebPart. Horizontal, Vertical, SummaryHorizontal, SummaryVertical.
• Temperature Display – Sets the temperature setting to either centigrade, or fahrenheit.
• Speed Display – Sets the wind speed to be displayed in either Mph, or Kph.

Download

To download this webpart please visit our Codeplex site and as always if you like it please leave a review, and if you find any issues or bugs either let me know via this site or the codeplex site.

Conclusion

I really hope that this webpart comes in handy for the SharePoint community. Really hope you all like it