WebOS Clock Theme Builder v1.1

[Jason Robitaille]

WebOS Clock Theme Builder v1.1

The built-in webOS app was designed by Palm with expandability in mind.

This program, WebOS Clock Theme Builder, builds upon the existing Clock app's theme framework and lets users create full themes, either based on existing themes (just with replacement images) or full fledged original themes from scratch.

The created themes don't use any patch files and don't replace any system images. Rather, it uses a unique new format that is OTA update safe.

Do note: installing a clock theme will not override any Clock settings; it simply adds a new theme option to the popup listings. In fact, you could install every clock theme available if you so desire.


Screenshots




Download and Source

Download: http://webos-clock-themer.googlecode...%20Builder.jar

WebOS Clock Theme Builder is released under the MIT open source license.

Source: webos-clock-themer - WebOS Clock Theme Builder - Google Project Hosting


Theme Feed

A feed has been setup for all clock themes and can be used by WOSQI and Preware. As of the v1.1, there's already 27 clock themes on the feed!

Just add a custom feed with the following URL:

http://webos-clock-themer.googlecode.com/svn/trunk/WebOS%20Clock%20Theme%20Builder/feed

In Preware, make sure "Is compressed" is set to on.

If have created your own theme and want it added to the feed, send it to me and after a quick check, I'll upload it


Change Log
v1.1 - June 1, 2011
- Now has webOS 1.4.5 support
- Added control file import mode for experienced users

v1.0 - May 15, 2011
- Initial release

[Janke]

since I am viewing this post from my pre I can't read the whole url to add the feed to preware. Can you please make it to where it's not inside the box and the entire url is visible? Thx.

[ChasT]

+1

[Xamil]

On 1.4.5 when installing themes from a feed problem (log from preware):

postinst
-1: Unable to run command: IPKG_OFFLINE_ROOT=/media/cryptofs/apps /bin/sh /media/cryptofs/apps/usr/lib/ipkg/info/ca.canucksoftware.clock.blue-glow-clock-theme.postinst 2>&1
** Message: serviceResponse Handling: 2, {"errorCode":"ErrorGenericMethodException", "errorText":"Service Method Exception: org.json.JSONException: Unterminated string at character 57 of {\"action\":\"add\",\"id\":\"blue-glow-clock-theme\",\"name\":\"Blue"}

Janke, http://webos-clock-themer.googlecode...20Builder/feed

[Janke]

Originally Posted by Xamil

On 1.4.5 when installing themes from a feed problem (log from preware):

postinst
-1: Unable to run command: IPKG_OFFLINE_ROOT=/media/cryptofs/apps /bin/sh /media/cryptofs/apps/usr/lib/ipkg/info/ca.canucksoftware.clock.blue-glow-clock-theme.postinst 2>&1
** Message: serviceResponse Handling: 2, {"errorCode":"ErrorGenericMethodException", "errorText":"Service Method Exception: org.json.JSONException: Unterminated string at character 57 of {\"action\":\"add\",\"id\":\"blue-glow-clock-theme\",\"name\":\"Blue"}
Janke, http://webos-clock-themer.googlecode.com/svn/trunk/WebOS%20Clock%20Theme%20Builder/feed

Janke, webos-clock-themer - Revision 12: /trunk/WebOS Clock Theme Builder/feed

thanks!

[sfriedlake]

Is there a way to install the builder with preware or internalz, or do I have to use webos quick install?

-- Sent from my Palm Pre using Forums

[Jason Robitaille]

Originally Posted by Xamil

On 1.4.5 when installing themes from a feed problem (log from preware):

postinst
-1: Unable to run command: IPKG_OFFLINE_ROOT=/media/cryptofs/apps /bin/sh /media/cryptofs/apps/usr/lib/ipkg/info/ca.canucksoftware.clock.blue-glow-clock-theme.postinst 2>&1
** Message: serviceResponse Handling: 2, {"errorCode":"ErrorGenericMethodException", "errorText":"Service Method Exception: org.json.JSONException: Unterminated string at character 57 of {\"action\":\"add\",\"id\":\"blue-glow-clock-theme\",\"name\":\"Blue"}

I'm looking into this. For now, only try theming on webOS 2.x devices; 1.4.5 support will coming soon.

Originally Posted by sfriedlake

Is there a way to install the builder with preware or internalz, or do I have to use webos quick install?

WebOS Clock Theme Builder is desktop program. If you mean the themes, well, as previous stated in post you can use Preware for the feed.

[graffix31]

Is there a specific feed name you need? I entered the url and updated feeds but I can't see the feed and there is no themes that I can see.


-- Sent from my Palm Pre using Forums

[Jason Robitaille]

Originally Posted by graffix31

Is there a specific feed name you need? I entered the url and updated feeds but I can't see the feed and there is no themes that I can see.

Any name works. Make sure you spelled the url correctly, and with proper capitals as needed.

[graffix31]

Thanks got it.

-- Sent from my Palm Pre using Forums

[Holley2583]

Never used a theme builder so I need to know how to get the images from the themes to edit. I did find the "Theme" image files from v2.0 so if those are the same, I guess i could use those.
Also, may i assume the images need to be in the correct file path when uploading to the builder? Otherwise, I don't see how it knows where to put what. Thanks.

Also, is there a way to add edited css files? i.e., the background of the digi clock(v2.0 anyway)is black unless changed...

[warlord9159]

Originally Posted by holley2583

Never used a theme builder so I need to know how to get the images from the themes to edit. I did find the "Theme" image files from v2.0 so if those are the same, I guess i could use those.
Also, may i assume the images need to be in the correct file path when uploading to the builder? Otherwise, I don't see how it knows where to put what. Thanks.

Also, is there a way to add edited css files? i.e., the background of the digi clock(v2.0 anyway)is black unless changed...

Pick your base (Analog Classic or Digital).
Use the images from your 2.xx doctor for editing.
Just drag n drop all images into the builder. It will set up the locations for you.

You will need an icon. size 32x32.

[warlord9159]

1 of 2
For backgrounds. try and make it 480x480.

Under Base in the theme builder you need to pick "none (custom base)".
Note: this is only if the would like to add a background image to your theme.
If you only edited images to make your theme, this step is not needed.

*****Remember to make a backup copy of files before editing.*****


Edit this line in the .css files.

Change red from this;

.clock-container {
background: #000;
position:fixed;
top: 0;
left: 0;
height: 110%;
width: 100%;
min-height: 320px;
max-height: 480px;
}


to this

.clock-container {
background: url(images/xxx.png) center center no-repeat;
position:absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
min-height: 480px;
max-height: 480px;
}

in blue
I change this to see if it would help center the image.


Name the image the same as you named it in the .css file

[warlord9159]

2 of 2

After you edited the .css and saved it you will need all three files
(.html, .js and .css edited or not)
within the theme you picked to edit before Clock Theme Builder can make the .ipk file (your theme).
Just drag n drop each one to there locations within Theme Builder.

All three files need to be from the same folder in the theme you picked to edit from your 2.xx doctor.

[Jason Robitaille]

Expect a 1.4.5 fix within the next few days.

[Janke]

works awesome on 2.1 jason. The three of you guys rock. Thx for all the work you guys do.

[Holley2583]

Question with the second-simple.png, that appears to be under the second.png and not seen, is this correct?

[warlord9159]

I just make it transparent.
all you need is the hands, base and second image and all the rest need to be transparent.

[Holley2583]

Originally Posted by warlord9159

2 of 2

After you edited the .css and saved it you will need all three files
(.html, .js and .css edited or not)
within the theme you picked to edit before Clock Theme Builder can make the .ipk file (your theme).
Just drag n drop each one to there locations within Theme Builder.

All three files need to be from the same folder in the theme you picked to edit from your 2.xx doctor.

Sorry, i'm not gettin it...
I drag/dropped all my image files one by one, but I can't do that with .css, .js, html files, nor can a folder be uploaded that way and i don't see their "locations within the Theme Builder". What will work? And thanks so much for helpin me.

[warlord9159]

Originally Posted by holley2583

Sorry, i'm not gettin it...
I drag/dropped all my image files one by one, but I can't do that with .css, .js, html files, nor can a folder be uploaded that way and i don't see their "locations within the Theme Builder". What will work? And thanks so much for helpin me.

Can't drag a folder. the builder makes all folders and puts the images in them for you.