To use this control fallow these simple steps:
  1. Download source code and compile it or download compiled library (Manic.Services.Weather.dll)
  2. Include library in your project or web site
  3. Register to weather.com to get PartnerID and Key
  4. Register control
  5. Include control in your page
  6. Apply css to control.

To register control include following tag in your asp.net page:

<%@ Register Assembly="Manic.Services.Weather" Namespace="Manic.Services.Weather.Controls" TagPrefix="manic" %>

There are two controls in library, CurrentConditions and Forecast.

To include control use following code (example is for New York):

<manic:CurrentConditions ID="mcc1" runat="server" Location="USNY0996" PartnerID="XXX" Key="XXX" Units="Metric" IconFolder="../Icons" WeatherIconType="Png" MoonIconType="Gif" CssClass="weather-box" />

CurrentConditions control properties:
  • Location - Location code from weather.com (example: USNY0996 for New York)
  • PartnerID - Partner ID from weather.com that you receive after registering.
  • Key - Key from weather.com that you receive after registering.
  • Units - Type of units to show next to values: standard or metric.
  • IconFolder - Folder where icons are located that is relative to page.
  • WeatherIconType - Type of icons to use for weather icons: png or gif.
  • MoonIconType - Type of icons to use for moon phase icons: png or gif.
  • CssClass - Top css class for control.

Forecast control properties:
  • Location - Location code from weather.com (example: USNY0996 for New York)
  • PartnerID - Partner ID from weather.com that you receive after registering.
  • Key - Key from weather.com that you receive after registering.
  • Units - Type of units to show next to values: standard or metric.
  • IconFolder - Folder where icons are located that is relative to page.
  • WeatherIconType - Type of icons to use for weather icons: png or gif.
  • MoonIconType - Type of icons to use for moon phase icons: png or gif.
  • Length - Number of days to show in forecast: range from 1-5.
  • CssClass - Top css class for control.

Localization

Please contact me if you wish to contribute by localizing control.
Currently, control is localized for languages:
  • English
  • Croatian

Minimal view

You can disable weather details by setting ShowDetails property to false. Also you can disable moon information and weather.com logo by setting ShowMoonInfo and ShowWeatherLogo to false. If you set ShowWeatherLogo to false you must place weather.com logo somewhere outside control, near weather data.

Styling

You can customize control look by using css.

Icons

You can download icons here:

http://manicweather.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=39377#DownloadId=102794

Adding controls to Visual Studio Toolbox

You can add controls to toolbox by selecting "Choose items ..." in toolbox (right click on toolbox and select "Choose items ..." from context menu).

In new window select controls "CurrentConditions" and "Forecast" from list. Click OK.

Last edited Mar 25, 2014 at 10:36 AM by ManicStudio, version 24

Comments

devanshome Mar 8, 2015 at 7:01 PM 
Great control. How would I update the location programmatically? Thanks

noidongcoida_84 Oct 1, 2011 at 7:29 AM 
Hey, thanks for this control,
Can i have the code to make the weather scroll like the example http://services.4ants.ba/weather/samples/minimal-current-conditions/
thanks

doyo Feb 15, 2011 at 4:37 PM 
Hi.. I would like to use your control, but I would need Czech language localization. I can provide necessary translations.. can it be done?
thanks

cflamaceta Jan 27, 2010 at 10:08 AM 
Excellent control. When you could add that I set the name of your company with this logo from the weather. Why is the weather in these services not detailed in the cities of Europe?
My team and I view this control and we have seen that great. Maybe we should make better instructions.

ManicStudio Jan 27, 2010 at 8:36 AM 
Yes. I will include that option in the next release.

arizankoski Jan 26, 2010 at 9:14 PM 
Dali bi mozel da napravis dopolnitelna skripta, da pokazuva samo temperatura i slika, da ne e tolku detalna kako prethodnite.
Inaku, odlicno napraveno,
pozdrav,Milan