Forum

You must be logged in to post Login Register

Search 
Search Forums:


 




How to install a weather widget on your iPhone Springboard
Read original blog post

UserPost

10:55 am
September 4, 2008


Bezman

Admin

Trinidad & Tobago

posts 354

1

Winterboard from Jay Freeman has opened up a wold of possibilities with it’s ability to display HTML, Java and CSS on the springboard. Today I am going to take a closer look at one of these addition, The WinterBoard Weather Widget.

The WinterBoard Weather Widget was developed by Zetetic Apparatchik over on MacThemes and is mostly coded in XHTML, CSS and JS by Zetetic except for the AccuWeather fetcher ‘borrowed’ from Leopard*.

Data sources are currently either AccuWeather (Apple’s feed*) or Yahoo!Weather (beta-quality). Zetetic had help from Jimmy who located the Klear and Tango icon sets and designed the ’split’ display style.

If you know a little CSS and HTML editing this widget is a snap and you really wouldn’t need my help. But for those of you looking at this wonder what how the hell to make this work for you - this tutorial is for you.

Latest WeatherWidget Download: Click Here

Basic Installation
Having unzipped WeatherWidget.theme.zip you’ll need to edit the file called ConfigureMe.js located at: WeatherWidget.theme/Private/configureMe.js

The Line you’ll need to change is:

Code:

var locale = "…"

reads correctly for your location (e.g. ‘Piarco’, ‘Bridgetown’, ‘Defiance, Ohio’, ‘Moscow, Russia, ‘London, UK’). There are five different Styles to the Weather Widget.

  • originalBubble (which places a chiclet like bubble with the weather info inside)
  • split (where you get the local and temp on the left and the current weather icon on the right)
  • myopia (this is my favorite and is the current weather icon with the temp and locale next to it)
  • iconOnly (displays the current weather as an icon only)
  • oneLine (displays all info in one line)

Selecting which one you want to use is easy, in the same ‘ConfigureMe.js’ file look at line 21:

var stylesheetWall='myopia'

Change ‘myopia’ in this example to any of the other styles mentioned, just make sure to type them in correctly to any of the styles listed above.. You can also edit the actual Stylesheet for each widget layout by editing the .css files located in the ‘StyleSheets’ folder. Editing the .css will allow you to change font colors, icon size, placement of the widgets etc. Looking at the ConfugureMe file and .css files there is also allot you can add to this widget including adding it to your lockscreen, so fiddle around and enjoy customizing it.

Once you have finished editing the WeatherWidget.theme to display your country and it fits where you would want it, then just copy the entire WeatherWidget.theme folder into:

var/Library/Themes

on your iPhone or iPod Touch and then open up WinterBoard and you should see the new Weather Widget listed, simply turn it on and enjoy.

I have added the Trinidad & Tobago Weather Widget to the Bez Theme that you can download and install here, no editing required, but you can customize it if you wish.

Troubleshooting
Not Found usually indicates you should try a variation on your location (like in Trinidad the capital Port of Spain doesnt work, but our airport, Piarco does). Apple/Accuweather’s backend is very good but can be stumped. (Yahoo!’s is unforgiving.) No Response usually indicates that you need to check your iPhone/iTouch is connected to the Internet. The AccuWeather servers could also be down.
You can try checking with Leopard’s Weather widget that your locale works.


Thanks to Zetetic Apparatchik for this great Widget, if you have any probelms or wish to discuss, please post in the forum.


Read original blog post

7:24 pm
September 21, 2008


lostbajan

iMember

posts 6

2

Bezman,

I would like your help to work on the weather widget. Are you available?

8:53 am
September 22, 2008


Bezman

Admin

Trinidad & Tobago

posts 354

3

what's up?

11:25 am
September 22, 2008


lostbajan

iMember

posts 6

4

I quickpwned my 16GB 3G iphone.

Added winterboard and some other apps. Everything was fine. 

I have full bars and can receive calls but I cannot dial out. Keypad is frozen.

Missed calls no longer show on the phone icon.

I can call out from my contacts. 

I can send and get emails.

Help…


Update:

Removed settings in Winterboard. No help. 

Removed weather widget. No Help.

Removed Kate from Installer. Working now. Maybe an update via Kate disabled keypad?

Will retry installing winterboard apps to see if they work again.


1:10 pm
September 22, 2008


Bezman

Admin

Trinidad & Tobago

posts 354

5

kate is very buggy on 2.1 from what i have seen, i have not used it since 11.4

the module that affects the dial pad is the predictive dialer, i think you can dissable that from the settings,

but i would restore jsut tog et id of it if the problem comtinues

on another note..

since my 3G is on 2.1, i find it buggy and lags allot. apps take a few seconds to open etc..

9:55 pm
September 22, 2008


lostbajan

iMember

posts 6

6

How do I restore?

Also I found an app called WbApp by Greg Meach on Cydia. It manages winterboard themes. I got it because it has a built in application to create the Weather Widget on your springboard or other locations: Lock screen etc. So I did not have to manually create the weather widget outlined in your blog.

However I would still like to know how to do it. 

What program would I unzip the files into to edit the code?

“Having unzipped WeatherWidget.theme.zip you’ll need to edit the file called ConfigureMe.js located at: WeatherWidget.theme/Private/configureMe.js

The Line you’ll need to change is:

Code:

var locale = "…"
Please excuse my not understanding. I am only now wanting to use a computer for anything more than email and itunes. etc.

Thanks.

Lostbajan 

11:43 pm
September 22, 2008


Bezman

Admin

Trinidad & Tobago

posts 354

7

no probs


you use just unzip the files and open them with TextEdit on the Mac or NotePad on the PC..


change the stuff you need to and then save and upload/replace them onto your iphone. reboot.


its oretty easy and you'll quickly be customizing your phone :)


any questions, let us know.

12:28 pm
September 23, 2008


lostbajan

iMember

posts 6

8

How do i upload to them onto the iphone?

5:06 pm
September 23, 2008


Bezman

Admin

Trinidad & Tobago

posts 354

9

you need a Wifi connection


download OpenSSH from Cydia(or Installer)


get the IP address from your iPhone in your wifi settings (blue arrow)

Log into your iphone using your IP address and a FTP program (Cyberduck or Fugu for Mac and WinSCP for Win/PC)

use the

username: root

password is: alpine

port 22

then install the widget in var/stash/themes/


you can then turn it on with WbApp…


you should install BossPrefs (on Cydia as well) to turn off OpenSSH as it drains your iPhone battery

 

About the MyTriniPhone.com forum

Currently Online:

5 Guests

Maximum Online: 18

Forums:

Groups: 9

Forums: 28

Topics: 388

Posts: 546

Members:

There are 380 members

There are 1 guests


Bezman has made 354 posts

Top Posters:

SRASC - 55

-LiNkS- - 13

hot blue - 13

ichinee - 12

fox02727 - 10

Administrator: Bezman


© Simple:Press Forum - Version 3.1.3 (Build 356)  

 Retweet This Post