[Q]Iconset not showing up in list - Zooper Widget General
I've created an iconset based on the Sense 4 weather icons. I edited the config.xml (using XML Notepad) to reflect my own title, description, file names etc. I zipped the icons folder together with the config.xml using Winrar, then I placed a copy of the zip file in the iconsets folder in ZooperWidgets on my sdcard. When I try to use my iconset in any of the templates I've installed, the iconset does not show up in the list. All the other iconsets I've downloaded show up (e.g. Meteo, 7even, flex) but not mine. I thought perhaps the images in my iconset were too big, but reducing the image sizes has not worked, the iconset still wouldn't show up in Zooper.
Any suggestions on where I could have gone wrong? Is there a special way to zip the file for Zooper? I tried not to do too much editing of the config.xml, to reduce the possibilities of introducing errors, and as far as I can tell, there are no errors in the code. I've attached my zipped iconset file.
rcHumanz said:
I've created an iconset based on the Sense 4 weather icons. I edited the config.xml (using XML Notepad) to reflect my own title, description, file names etc. I zipped the icons folder together with the config.xml using Winrar, then I placed a copy of the zip file in the iconsets folder in ZooperWidgets on my sdcard. When I try to use my iconset in any of the templates I've installed, the iconset does not show up in the list. All the other iconsets I've downloaded show up (e.g. Meteo, 7even, flex) but not mine. I thought perhaps the images in my iconset were too big, but reducing the image sizes has not worked, the iconset still wouldn't show up in Zooper.
Any suggestions on where I could have gone wrong? Is there a special way to zip the file for Zooper? I tried not to do too much editing of the config.xml, to reduce the possibilities of introducing errors, and as far as I can tell, there are no errors in the code. I've attached my zipped iconset file.
Click to expand...
Click to collapse
I looked it over and it looks like it's fine. The config that is.
This is from a working Sense 5 set I have.
Code:
<?xml version="1.0" encoding="utf-8"?>
<!--
Weather conditions:
0 = UNKOWN
1 = STORM
2 = THUNDERSTORM
3 = DRIZZLE
4 = RAIN
5 = SHOWERS
6 = FLURRIES
7 = RAINANDSNOW
8 = SNOW
9 = HAIL
10 = FOG
11 = HAZE
12 = WIND
13 = PARTLY_CLOUDY
14 = MOSTLY_CLOUDY
15 = CLEAR
16 = FAIR
-->
<config>
<title>Sense 5 Weather Black</title>
<description>Soft black minimal weather icons</description>
<icons>icons</icons>
<demo>weather-showers-scattered-day.png</demo>
<default>weather-none-available.png</default>
<!-- We provide current and 7 days weather -->
<!--New Values (Example only includes 2 Day Weather)-->
<mode value="#WCCODE#">Current Weather</mode>
<mode value="#W0CODE#">Today's Weather</mode>
<mode value="#W1CODE#">Tomorrow's Weather</mode>
<mode value="#W2CODE#">Day After Tomorrow Weather</mode>
<mode value="#W3CODE#">3 Days Weather</mode>
<mode value="#W4CODE#">4 Days Weather</mode>
<mode value="#W5CODE#">5 Days Weather</mode>
<mode value="#W6CODE#">6 Days Weather</mode>
<mode value="#W7CODE#">7 Days Weather</mode>
<!-- Following condition icons are the same day and night -->
<condition>
<!-- Thunder Storm -->
<test>#MODE#=2</test>
<image>weather-storm.png</image>
</condition>
<condition>
<!-- Flurries -->
<test>#MODE#=6</test>
<image>weather-snow.png</image>
</condition>
<condition>
<!-- Rain and Snow -->
<test>#MODE#=7</test>
<image>weather-snow-rain.png</image>
</condition>
<condition>
<!-- Snow -->
<test>#MODE#=8</test>
<image>weather-snow.png</image>
</condition>
<condition>
<!-- Hail -->
<test>#MODE#=9</test>
<image>weather-hail.png</image>
</condition>
<condition>
<!-- Fog / Haze / Wind-->
<test>#MODE#=10</test>
<test>#MODE#=11</test>
<test>#MODE#=12</test>
<image>weather-mist.png</image>
</condition>
<!-- Nightly icons block will be skipped entirely if his conditions do not match -->
<condition>
<!-- We just check if sunrise hour is greater than current -->
<test>#ARHH#>#DHH#</test>
<!-- Or if sunset if minor than current -->
<test>#ASHH#<#DHH#</test>
<!-- Storm -->
<condition>
<test>#MODE#=1</test>
<image>weather-storm-night.png</image>
</condition>
<condition>
<!-- Drizzle / Rain-->
<test>#MODE#=3</test>
<test>#MODE#=4</test>
<image>weather-showers-scattered-night.png</image>
</condition>
<condition>
<!-- Showers -->
<test>#MODE#=5</test>
<image>weather-showers-night.png</image>
</condition>
<condition>
<!-- Partly cloudy -->
<test>#MODE#=13</test>
<image>weather-few-clouds-night.png</image>
</condition>
<condition>
<!-- Mostly Cloudy -->
<test>#MODE#=14</test>
<image>weather-clouds-night.png</image>
</condition>
<condition>
<!-- Fair/Clear -->
<test>#MODE#=15</test>
<test>#MODE#=16</test>
<image>weather-clear-night.png</image>
</condition>
</condition>
<!-- Daily conditions (parser will arrive here if it did not catch anything in night block) -->
<condition>
<!-- Storm -->
<test>#MODE#=1</test>
<image>weather-storm-day.png</image>
</condition>
<condition>
<!-- Drizzle / Rain-->
<test>#MODE#=3</test>
<test>#MODE#=4</test>
<image>weather-showers-scattered-day.png</image>
</condition>
<condition>
<!-- Showers -->
<test>#MODE#=5</test>
<image>weather-showers-day.png</image>
</condition>
<condition>
<!-- Partly cloudy -->
<test>#MODE#=13</test>
<image>weather-few-clouds.png</image>
</condition>
<condition>
<!-- Mostly Cloudy -->
<test>#MODE#=14</test>
<image>weather-clouds.png</image>
</condition>
<condition>
<!-- Fair/Clear -->
<test>#MODE#=15</test>
<test>#MODE#=16</test>
<image>weather-clear.png</image>
</condition>
</config>
And yours:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!--
Weather conditions:
0 = UNKOWN
1 = STORM
2 = THUNDERSTORM
3 = DRIZZLE
4 = RAIN
5 = SHOWERS
6 = FLURRIES
7 = RAINANDSNOW
8 = SNOW
9 = HAIL
10 = FOG
11 = HAZE
12 = WIND
13 = PARTLY_CLOUDY
14 = MOSTLY_CLOUDY
15 = CLEAR
16 = FAIR
-->
<config>
<title>Sense4HD</title>
<description>Sense4HD</description>
<icons>icons</icons>
<demo>weather-showers-scattered-day.png</demo>
<default>weather-none-available.png</default>
<!-- We provide current and 7 days weather -->
<!--New Values (Example only includes 2 Day Weather)-->
<mode value="#WCCODE#">Current Weather</mode>
<mode value="#W0CODE#">Today's Weather</mode>
<mode value="#W1CODE#">Tomorrow's Weather</mode>
<mode value="#W2CODE#">Day After Tomorrow Weather</mode>
<mode value="#W3CODE#">3 Days Weather</mode>
<mode value="#W4CODE#">4 Days Weather</mode>
<mode value="#W5CODE#">5 Days Weather</mode>
<mode value="#W6CODE#">6 Days Weather</mode>
<mode value="#W7CODE#">7 Days Weather</mode>
<!-- Following condition icons are the same day and night -->
<condition>
<!-- Thunder Storm -->
<test>#MODE#=2</test>
<image>weather-storm.png</image>
</condition>
<condition>
<!-- Flurries -->
<test>#MODE#=6</test>
<image>weather-snow.png</image>
</condition>
<condition>
<!-- Rain and Snow -->
<test>#MODE#=7</test>
<image>weather-snow-rain.png</image>
</condition>
<condition>
<!-- Snow -->
<test>#MODE#=8</test>
<image>weather-snow.png</image>
</condition>
<condition>
<!-- Hail -->
<test>#MODE#=9</test>
<image>weather-snow-rain.png</image>
</condition>
<condition>
<!-- Fog / Haze / Wind-->
<test>#MODE#=10</test>
<test>#MODE#=11</test>
<test>#MODE#=12</test>
<image>weather-mist.png</image>
</condition>
<!-- Nightly icons block will be skipped entirely if his conditions do not match -->
<condition>
<!-- We just check if sunrise hour is greater than current -->
<test>#ARHH#>#DHH#</test>
<!-- Or if sunset if minor than current -->
<test>#ASHH#<#DHH#</test>
<!-- Storm -->
<condition>
<test>#MODE#=1</test>
<image>weather-storm-night.png</image>
</condition>
<condition>
<!-- Drizzle / Rain-->
<test>#MODE#=3</test>
<test>#MODE#=4</test>
<image>weather-rain.png</image>
</condition>
<condition>
<!-- Showers -->
<test>#MODE#=5</test>
<image>weather-showers-night.png</image>
</condition>
<condition>
<!-- Partly cloudy -->
<test>#MODE#=13</test>
<image>weather-few-clouds-night.png</image>
</condition>
<condition>
<!-- Mostly Cloudy -->
<test>#MODE#=14</test>
<image>weather-clouds-night.png</image>
</condition>
<condition>
<!-- Fair/Clear -->
<test>#MODE#=15</test>
<test>#MODE#=16</test>
<image>weather-clear-night.png</image>
</condition>
</condition>
<!-- Daily conditions (parser will arrive here if it did not catch anything in night block) -->
<condition>
<!-- Storm -->
<test>#MODE#=1</test>
<image>weather-storm-day.png</image>
</condition>
<condition>
<!-- Drizzle / Rain-->
<test>#MODE#=3</test>
<test>#MODE#=4</test>
<image>weather-showers-scattered-day.png</image>
</condition>
<condition>
<!-- Showers -->
<test>#MODE#=5</test>
<image>weather-showers-day.png</image>
</condition>
<condition>
<!-- Partly cloudy -->
<test>#MODE#=13</test>
<image>weather-few-clouds.png</image>
</condition>
<condition>
<!-- Mostly Cloudy -->
<test>#MODE#=14</test>
<image>weather-clouds.png</image>
</condition>
<condition>
<!-- Fair/Clear -->
<test>#MODE#=15</test>
<test>#MODE#=16</test>
<image>weather-clear.png</image>
</condition>
</config>
(easier this way for me to compare)
Thanks Scottx. I think I'll try stripping out the config.xml file to bare minimum and see if the iconset will at least show up. Then build on it from there, if that works. I found a partially working Sense4 iconset that I can use for the time being, but I'd really like to know where I went wrong with mine.
Update:
Got it working, by using the config.xml file from the working iconset I found. I'm tweaking it slowly so I don't mess it up. I still don't know what went wrong with the first config.xml file. Thanks for the help.
Related
Help building a homescreen
Ok, I am basically running into a problem when it comes to adding multiple plugin in a row using homescreen builder 2007. I can add third party plugins but I can't add sms/email/mms on the same row. I could do this with madbeetle but I couldn't add 3rd party plugins or didn't know how. So, now I'm flat out at a loss. Background: I have installed the Jrulez cab and that should be eliminating my problem to begin with but no dice! I'm using WM6 on the HTC bright 1.33. I basically need more space but it's due to the rows not allowing me. I put the sms/email & say profile on the same row and I can't scroll to both but only one when I load it to my homescreen. Any help much appreciated. Pfunk
post up your .xml file and I am sure someone can take a look!
XML is like reading braille for me.
<?xml version="1.0" ?>
- <home>
<editor>Ruttensoft's Homescreen Designer</editor>
<author>Tizzo</author>
<title>Packers</title>
<version>1.2</version>
- <default target-width="240" target-height="320" font-face="Segoe" font-size="19" font-weight="normal" padding-left="4" padding-right="4" bgcolor="transparent" fgcolor="#FFFFFF" padding-top="2" b-border-color="transparent" b-border-width="0">
<format state="selected" fgcolor="#C0C0C0" />
</default>
<background bgimage="Packers.jpg" valign="top" />
- <!-- Color Scheme
-->
- <scheme>
<color name="COLOR_HOMEHIGHLIGHT" value="#FFFFFF" />
<color name="COLOR_HOMETEXT" value="#FFFFFF" />
<color name="COLOR_HOMEHIGHLIGHTTEXT" value="#C0C0C0" />
<color name="COLOR_TRAYGRADLEFT" value="#31D342" />
<color name="COLOR_WINDOW" value="#FFFFFF" />
<color name="COLOR_HIGHLIGHT" value="#FFFF00" />
<color name="COLOR_HIGHLIGHTTEXT" value="#000000" />
<color name="COLOR_WINDOWTEXT" value="#008000" />
<color name="COLOR_GRADLEFT" value="#FFFFFF" />
<color name="COLOR_GRADRIGHT" value="#FFFFFF" />
<color name="COLOR_INTGRADLEFT" value="#FFFF00" />
<color name="COLOR_INTGRADRIGHT" value="#FFFF00" />
<color name="COLOR_BTNFACE" value="#FFFF00" />
<color name="COLOR_WINDOWFRAME" value="#000000" />
<color name="COLOR_SCROLLBAR" value="#0080C0" />
<color name="COLOR_MENUTEXT" value="#000000" />
<color name="COLOR_MENU" value="#FFFFFF" />
<color name="COLOR_GRAYTEXT" value="#008000" />
<color name="COLOR_ALERTWINDOW" value="#FFFF80" />
<color name="COLOR_ALERTTITLE" value="#000000" />
<color name="COLOR_ALERTRULE" value="#008000" />
<color name="COLOR_STATIC" value="#FFFF00" />
<color name="COLOR_STATICTEXT" value="#000000" />
<color name="COLOR_BTNTEXT" value="#FFFFFF" />
<color name="COLOR_TRAYTEXT" value="#000000" />
</scheme>
- <!-- Iconbar Plugin
-->
<plugin file="sysplug.dll" clsid="{E09043DF-510E-4841-B652-388316977A7A}" height="0" />
- <!-- }94040f8f48a0-5fca-8904-9b45-fc03baa1{
-->
- <plugin clsid="{837FC251-FE69-43ad-84E0-EBCEDEBA0884}" name="Iconbar" height="0">
<iconbar bgcolor="transparent" fgcolor="#FFFFFF" y="0" x="0" />
<background gradient="title" bgcolor="COLOR_TRAYGRADLEFT" b-border-color="COLOR_HOMERULE" b-border-width="0" />
</plugin>
<plugin file="sysplug.dll" clsid="{E09043DF-510E-4841-B652-388316977A7A}" height="1" />
- <!-- MRU Plugin
-->
- <plugin file="sysplug.dll" clsid="{79EFB752-CB70-446d-B317-499723482B3D}" width="320" height="22">
<background b-border-width="0" />
<mru icon-size="16" x="56" y="-3" halign="left" valign="bottom" max-buttons="9" />
</plugin>
- <!-- Date/Time/Carrier Plugin
-->
- <plugin file="sysplug.dll" clsid="{E09043DF-510E-4841-B652-388316977A7A}" height="29">
- <label bgcolor="transparent" halign="left" font-weight="normal" y="7" x="2" w="320" font-size="16" fgcolor="#FFFF00">
- <text>
<carrier />
</text>
</label>
- <clock>
<time font-weight="bold" font-size="33" bgtext="transparent" halign="center" fgcolor="#FFFF00" mode="12" y="-1" x="0" w="320" />
<date font-weight="normal" fgcolor="#FFFF00" font-size="16" valign="top" halign="left" mode="short" y="7" x="242" w="320" />
</clock>
</plugin>
- <!-- Profile Plugin
-->
- <plugin clsid="{95976968-45D5-40c9-9779-2B859B1C2FEC}" name="Profile" height="51">
<background b-border-width="0" />
- <label>
<format state="selected" x="2" y="32" w="320" halign="left" bgcolor="transparent" fgcolor="#008000" font-size="16" />
<format state="unselected" x="2" y="32" w="320" halign="left" bgcolor="transparent" fgcolor="#008000" font-weight="normal" font-size="16" />
- <text>
Profile:
<profile />
</text>
</label>
</plugin>
- <!-- SMS/Email Plugin
-->
- <plugin clsid="{2F930BF0-6FE9-4a53-9E17-88E9247BAB48}" name="SMScount" height="0" width="320">
<background b-border-width="0" />
- <label y="-14" x="207">
<format state="unselected" halign="left" bgcolor="transparent" fgcolor="#008000" font-weight="normal" font-size="11" />
<format state="selected" halign="left" bgcolor="transparent" fgcolor="#008000" font-weight="normal" font-size="11" />
- <text>
Email/MMS:
<unreadEmail />
</text>
</label>
- <label y="-14" x="271">
<format state="unselected" halign="left" bgcolor="transparent" fgcolor="#008000" font-weight="normal" font-size="11" />
<format state="selected" halign="left" bgcolor="transparent" fgcolor="#FFFFFF" font-weight="bold" font-size="11" />
- <text>
SMS:
<unreadSMS />
</text>
</label>
</plugin>
- <!-- Fizz Weather Plugin Plugin
-->
<plugin file="sysplug.dll" clsid="{E09043DF-510E-4841-B652-388316977A7A}" height="3" />
- <plugin clsid="{30DF3430-2005-0509-BAA6-00AA003E0EED}" name="WeatherPlugin" height="54">
<general sepline="false" hilighttoday="true" />
</plugin>
</home>
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Bump
I think I've made some progress. I noticed on facades settings there was an orange homescreen plugin that was not checked. I'll take a look at HB2007 and try to reload the homescreen.
Booooo! I got nothing....I can't figure it out. I got no mojo. Basically I'm throwing it out there. Madbeetle and Homescreen Designer 2007 are still not idiot proof. Well basically the Dash/Excaliber makers are turds.
pfunkside said: I got nothing....I can't figure it out. I got no mojo. Basically I'm throwing it out there. Madbeetle and Homescreen Designer 2007 are still not idiot proof. Well basically the Dash/Excaliber makers are turds. Click to expand... Click to collapse Lol. Turds!
Use phone alarm and u will be able to put more on the same line Add <allow selection> to yr mru plugin in order to access comm mgr
UPDATE This is all I needed to know. This was quoted from Der Alta and n99Hockey @ EverythingQ The Orange Plugin is a great little piece of software, but there is also a bit of a mystery surrounding it. As n99hockey stated, there is no infomation on it, so you have no choice but to learn it by studying others and expanding upon what they have done. sadly there is no manual or editor that uses it So, basically learning XML is the only way to truly understand this...arg
the best home screen on the excalibur is on Kavanas WWE WM 6.1 rom go take a look its dumb hot
[REF] Manilla 2D HomeSettings.XML Explained [ONLINE]
Now that the all new Manilla 2D is in place and still evolving. Themes and skins are flowing in which is a very very good and sporting spirit
This thread is a Reference for explaining each value and coding of the HTCHomeSettings.xml file which manages the whole Manilla 2D eye candy show into it
To start with, this is a default (.xml) file without any modifications: Default XML
Everyone who knows about xml coding can help by posting the explainations. This thread can serve everyone as a how-to for skinning
Code:
Code:
<HTCHome version="3.00.0" device="ELFIN" portrait="0,0,240,268" landscape="0,0,320,268">
<ImageList path="\Windows">
Explaination:
Version = theme skin "Version"
Device = theme for which "Device"
Portrait = size of the "Portrait" screen
Landscape = size of the "Landscape" screen
ImageList Path = path where the below mentioned images are called from for the skins
---------------------------------------------------------------------------------------------------------
Code:
Code:
<Property name="IDHMWG_CLOCKBTN_1STDIGIT_POS" id="3" value="[COLOR=red]31[/COLOR], [COLOR=blue]46[/COLOR]" />
<Property name="IDHMWG_CLOCKBTN_2NDDIGIT_POS" id="4" value="[COLOR=red]68[/COLOR], [COLOR=blue]46[/COLOR]" />
<Property name="IDHMWG_CLOCKBTN_SEPARATOR_POS" id="5" value="[COLOR=red]21[/COLOR], [COLOR=blue]31[/COLOR]" />
<Property name="IDHMWG_CLOCKBTN_3RDDIGIT_POS" id="6" value="[COLOR=red]126[/COLOR], [COLOR=blue]46[/COLOR]" />
<Property name="IDHMWG_CLOCKBTN_4THDIGIT_POS" id="7" value="[COLOR=red]165[/COLOR], [COLOR=blue]46[/COLOR]" />
Explaination:
This is for the digital clock. The Red changes left <--> right. Blue changes up <--> dn
Thanks to Showaco: Also, properties ending with POS (instead of RECT) having 4 numbers, first set of two is Portrait and second set of two is Landscape. "(P)Left, Top, (L)Left, Top"
---------------------------------------------------------------------------------------------------------
Code:
Code:
<Property name="IDHMWG_CLOCKBTN_BGIMG" id="0" [COLOR=teal]value[/COLOR]="40" />
<Property name="IDTABWG_TABBG_IMAGE" id="4" [COLOR=teal]value[/COLOR]="2" />
Explaination:
value in IDs with "BGIMG" or "IMAGE" specifies the Index of image mentioned in the ImageList
---------------------------------------------------------------------------------------------------------
Code:
Code:
<Property name="IDTABWG_TABBG_ICON_WIDTH" id="3" value="[COLOR=red]48[/COLOR], [COLOR=blue]55[/COLOR]" />
Explaination:
To increase the width of the tab icons to use bigger tabs images, change the value
The Red changes width. Blue changes height
---------------------------------------------------------------------------------------------------------
Code:
Code:
<HomeWidget enable="1" tab_bg_icon="7,8" tab_icon="69,70" big_icon="29,30" />
<PeopleWidget enable="1" tab_bg_icon="19,20" tab_icon="168,169" big_icon="59,60" />
Explaination:
In the Widget list, the values of icons refer to the Index of images in ImageList
Changing the ImagePath works but you have to edit the image path/call out further down in the .xml as well. Only changing on top creates kind off a mess - Thanks to tyguy
Top entry from:
Code:
<HTCHome version="3.00.0" device="OPAL" portrait="0,0,240,268" landscape="0,0,320,268">
<ImageList path="\Windows">
To (just an example)
Code:
<HTCHome version="3.00.0" device="OPAL" portrait="0,0,240,268" landscape="0,0,320,268">
<ImageList path="[B][COLOR=royalblue]\ManilaThemes\Original[/COLOR][/B]">
& All other "\Windows" calls as in
Code:
<MyFavesWidget>
<Property name="IDTMOWG_BTN_RECT" id="0" value="60,68,180,183" />
<Property name="IDTMOWG_ICON_RECT" id="1" [COLOR=black]value="[B]\Windows[/B]\hh_myfaves[/COLOR]_button.png" />
To
Code:
<MyFavesWidget>
<Property name="IDTMOWG_BTN_RECT" id="0" value="60,68,180,183" />
<Property name="IDTMOWG_ICON_RECT" id="1" value="[B][COLOR=royalblue]\ManilaThemes\Original[/COLOR][/B]\hh_myfaves_button.png" />
---------------------------------------------------------------------------------------------------------
Code:
Code:
<Property name="IDLAUNCHERWG_COLUMN" id="3" value="[COLOR=red]4[/COLOR]" />
Explaination: Thanks to imfloflo
To change no of columns in Launcher Widget to 4
---------------------------------------------------------------------------------------------------------
Code:
Code:
<Property name="IDHMWG_CALENDARBTN1_RECT" id="40" value="[COLOR=red]12,177,228,207[/COLOR]" />
Explaination: Thanks to Showaco
The four numbers are "Left, Top, Width, Height". If a property ending in RECT has eight numbers, then first set of four is for Portrait and second set is for Landscape orientations. "(P)Left, Top, Width, Height, (L)Left, Top, Width, Height"
Explaination: Thanks to btprice2001
Certain RECT settings use "Left, Top, Width, Height" while others use "X1, Y1, X2, Y2"
e.g.
(IDHMWG_CLOCKBTN_RECT) under the HomeWidget uses "X1, Y1, X2, Y2"
(IDWEWG_LOCATIONTXT_RECT) under the WeatherWidget uses "Left, Top, Width, Height"
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
---------------------------------------------------------------------------------------------------------
Weather panel coding
Explaination: Thanks to Showaco
http://forum.xda-developers.com/showpost.php?p=2840521&postcount=132
Note: This thread is not related to Manilla 2D issues or problems but just a reference to coding in the .xml file
Code: <Image index="0" name="hh_fw_background.png" /> Explaination: index = the number shortcut of the image name = the name of the picture you want to use This line is to add shortcut number to the image which are in the variable path. To use an image just choose the number of the index Code: <Tabs> Explaination: This line is for all the tabs you can access at the bottom of manilla 2D Each tabs must be declare like : Code: <HomeWidget enable="1" tab_bg_icon="7,8" tab_icon="69,70" big_icon="29,30" /> Explaination: Enable = switch show or hide the tab. value avalaible are 1 to show and 0 to hide the tab tab_bg_icon = that here you use the number of the index for the image you want to use, this image is when you select a tab tab_icon = this image is the tab unselected big_icon = this image is the picture you can see at the center of the screen when you switch tab There are values for each icon, e.g. "7,8" - the first is the icon and the second is the image mask used. You can change the order of the tabs by simply switching lines Code: <WidgetProperty> Explaination: WidgetProperty= contain the property of each tab you declare in <Tabs> Code: <Property name="IDTABWG_WIDGET_RECT" id="0" value="0,0,240,230, 0,0,320,230" /> Explaination: name = the name of the element to show id = the position order to show element on the screen, 0 = first element show value = the position on the screen base on portrait and landscape variable ( see previous post) You can stack element just add new line with an increment id number. Don't know the limitation?? edit : You can change the police font on the today screen only not all the phone with this cab see attachement(thanks to lepsyfou ) use the attache files and use this post for changing police: >>>> http://forum.xda-developers.com/showpost.php?p=2684364&postcount=39 edit : If you want to complete no problem ( Mikulec) should we describe the 23 files bmp,png,brn use ? edit : MUST SEE this post http://forum.xda-developers.com/showpost.php?p=2827653&postcount=581 & http://forum.xda-developers.com/showpost.php?p=2820754&postcount=545 thanx you very much to >>>>> mpenguin14 <<<<< for all he does with this M2D
imfloflo;2659031 Explaination[/B said: : Enable = switch show or hide the tab. value avalaible are1 to show and 0 to hide the tab tab_bg_icon= that here you use the number of the index for the image you want to use, this image is when you select a tab tab_icon= this image is the tab unselected big_icon= this image is the picture you can see at the center of the screen when you switch tab Click to expand... Click to collapse There are values for each icon, e.g. "7,8" - the first is the icon and the second is the image mask used.
Yeah, i know but i try to understand the property value in <TabWidget> cause there is the size of the picture witouth the bottom windows bar but there is other property which contain thier own position like "IDTABWG_UNREAD_TABBG_POS" ***_POS. If some skinners knows ? Code: <Property name="IDHMWG_CLOCKBTN_1STDIGIT_POS" id="3" value="[COLOR=red]31[/COLOR], [COLOR=blue]46[/COLOR]" /> The Red changes left <--> right. Blue changes up <--> dn Thk to ababrekar
Thanks imfloflo for showing me this thread! This is what I was looking for! At the moment I try to imitate the OSX dock but I have a few problems. Look here: What I need to know is: How can I get the Icons on the tabbar a little bit higher? @imfloflo: here, http://forum.xda-developers.com/showpost.php?p=2662957&postcount=546, you asked me for some details.. what exactly do you want to know?
Just change the size of hh_fw_tabicon_home.png and the mask associate i just increase the size , i haven't make new mask to have a high quality of picture Code: <Property name="IDLAUNCHERWG_COLUMN" id="3" value="[COLOR=Red]4[/COLOR]" /> Here is the value to change to have 4 column in the widget launcher
landscape can be done too just needs quite a bit of editing in TabWidget set landscape value to 140 Code: <Property name="IDTABWG_TAB_RECT" id="2" value="0,217,240,51, 0,140,320,51" /> but this wil requier all page to be editi to fitt landscape
PseudoReal said: perfect guys! Thank you. If someone can find out how to add more appointments under the hometab, this would be very nice! Click to expand... Click to collapse Would like to know this, too! thx Aileen
Code: <Property name="IDHMWG_CALENDARBTN1_RECT" id="40" value="12,177,228,207" /> <Property name="IDHMWG_CALENDARBTN1_IMG" id="41" value="46" /> <Property name="IDHMWG_CALENDARBTN1_IMGPOS" id="42" value="29,184" /> <Property name="IDHMWG_CALENDARBTN1_TEXT_RECT" id="43" value="55,178,213,206" /> <Property name="IDHMWG_CALENDARBTN1_TEXT_TIME_RECT" id="44" value="29,178,213,192" /> <Property name="IDHMWG_CALENDARBTN1_TEXT_SUBJECT_RECT" id="45" value="29,192,213,206" /> <Property name="IDHMWG_CALENDARBTN1_IMG_FOCUS" id="46" value="181" /> <Property name="IDHMWG_CALENDARBTN1_IMG_FOCUS_DN" id="47" value="182" /> maybe by adding 2 times and modify this lines
For some reason my am/pm won't show up; I have both the big digital clock and analog clock. I've tried using the htchomesettings.xml for the clocks posted on the m2d clock/wallpaper thread that has the same setup as mine (large digital and analog clock) where the am/pm shows, but that didn't work. Anyone have any ideas?
ababrekar said: WHOO!! Too many questions 1. For non leading zero - Change the time in settings to h:mm:tt 2. The clock can move up to the edge of the screen or out of it. Depends on where you want the clock or items Click to expand... Click to collapse I'm having a hard time finding the value to move the clock up so that the first digit is level with the rest; even if I use the same value the first digit is a tad higher or lower. I'm sure it has something to do with IDHMWG_CLOCKBTN_BGIMG_POS. Also, what is IDHMWG_CLOCKBTN_RECT?
showaco said: Ok, in the home widget portion of xml, why are we missing so many id numbers? Are these the missing id numbers for the landscape values? And if they are, does anyone have them? Click to expand... Click to collapse I just noticed this in people and music there are referans to landscape form music Code: <Property name="IDMUSICWG_PREVIOUSBTN_RECT" id="7" value="200, 47, 238, 85" /> <Property name="IDMUSICWG_PREVIOUSBTN_RECT_LANDSCAPE" id="8" value="26, 27, 91, 62" /> so this might be something we need to look into
showaco said: yeah, I noticed that as well, thats why it makes sense that the missing id numbers could be the rest of the landscape items or maybe different items that could be displayed but aren't included in this xml. It would be great to get the landscape working correctly. Click to expand... Click to collapse yes that sound right
@crazylilboy first post of me http://forum.xda-developers.com/attachment.php?attachmentid=115441&d=1222190185
@stopthebus i think it is in registry @crazylilboy just open the cab, change the font in the cab and change the setup.xml and install your cab. in RED values to change if you want to make the cab manually Code: <wap-provisioningdoc> <characteristic type="Install"> <parm name="InstallPhase" value="install"/> <parm name="AppName" value="[COLOR=Red]HolyFox Q-Style[/COLOR]"/> <parm name="InstallDir" value="%CE1%\[COLOR=Red]HolyFox\QQ[/COLOR]" translation="install"/> <parm name="NumDirs" value="1"/> <parm name="NumFiles" value="4"/> <parm name="NumRegKeys" value="0"/> <parm name="NumRegVals" value="0"/> <parm name="NumShortcuts" value="0"/> </characteristic> <characteristic type="FileOperation"> <characteristic type="%CE2%" translation="install"> <characteristic type="MakeDir"/> <characteristic type="[COLOR=Red]neue helvetica 35 thin.ttf[/COLOR]" translation="install"> <characteristic type="Extract"> <parm name="Source" value="[COLOR=Red]NEUEHE~1.001[/COLOR]"/> <parm name="WarnIfSkip"/> </characteristic> </characteristic> <characteristic type="[COLOR=Red]neue helvetica 55 roman.ttf[/COLOR]" translation="install"> <characteristic type="Extract"> <parm name="Source" value="[COLOR=Red]NEUEHE~1.002[/COLOR]"/> <parm name="WarnIfSkip"/> </characteristic> </characteristic> <characteristic type="[COLOR=Red]Helvetica LT 35 Thin.ttf[/COLOR]" translation="install"> <characteristic type="Extract"> <parm name="Source" value="[COLOR=Red]HELVET~1.003[/COLOR]"/> <parm name="WarnIfSkip"/> </characteristic> </characteristic> <characteristic type="[COLOR=Red]Helvetica LT 55 Roman.ttf[/COLOR]" translation="install"> <characteristic type="Extract"> <parm name="Source" value="[COLOR=Red]HELVET~1.004[/COLOR]"/> <parm name="WarnIfSkip"/> </characteristic> </characteristic> </characteristic> </characteristic> <characteristic type="Registry"/> </wap-provisioningdoc>
Well, I have found that the following registry entry is created: Code: HKLM\Software\HTC\Manili2D\Font and also Code: HKLM\Software\HTC\Manili2D\TodayItem\TextColor However, I have not had a chance to play with either of these to see what all can be done.
MyFaves Widget I just noticed in the xml file: Code: <MyFavesWidget> <Property name="IDTMOWG_BTN_RECT" id="0" value="60,68,180,183" /> <Property name="IDTMOWG_ICON_RECT" id="1" value="\Windows\hh_myfaves_button.png" /> <Property name="IDTMOWG_IMAGE_FILE" id="2" value="0,25,240,225" /> </MyFavesWidget> My thoughts: 1) The second line, Property name = "IDTMOWG_ICON_RECT", the value refers to an image file. 2) Property name="IDTMOWG_IMAGE_FILE", the value refers to rectangular boundary points. I'm not an expert, but my IQ tells me that the two values must have been interchanged. I tried interchanging the values, but no luck in displaying the MyFaves widget. Now, my questions are, do we have an edited version of the HTCHomeSettings.xml inside the cab file? Who edited it? Can we get hold of the original so we can take a look at the Myfaves widget?
you can see myFaves apps in android here http://www.youtube.com/watch?v=CSm0VgGwBSo http://androidcommunity.com/blog/wp.../09/t-mobile_g1_getting_started_manual_13.jpg and in the notice pdf here http://support.t-mobile.com/knowbase/root/public/tm30235.pdf
I did a different context on the path of the images: Code: <ImageList path="\Windows"> <Image index="0" name="[B][SIZE="3"]\m2d_images\[/SIZE][/B]hh_fw_background.png" /> <Image index="1" name="\m2d_images\hh_fw_title.png" /> <Image index="2" name="\m2d_images\hh_fw_tab_bg_fill.png" /> <Image index="3" name="\m2d_images\hh_fw_tabbtn.png" /> <Image index="4" name="\m2d_images\hh_fw_tabbtn_mask.png" /> <Image index="5" name="\m2d_images\hh_fw_unread.png" /> <Image index="6" name="\m2d_images\hh_fw_unread_mask.png" /> <Image index="7" name="\m2d_images\hh_fw_tabbg_home.png" /> : : I've added it directly on the image path (\m2d_images\) and not modifying the imageList path attribute. Why? Everything is working except for one: for some reason my Album Art doesn't display properly, so I traced the root cause to this property: Code: [B][SIZE="3"]<Image index="119" name="hh_music_record.png" />[/SIZE][/B] <Image index="120" name="\m2d_images\hh_fw_tabbg_operator.png" /> It seems hh_music_record.png doesn't want to be read anywhere other than \Windows. So if you have a music cover art problem I think this will fix it
pfcsabre said: I did a different context on the path of the images: It seems hh_music_record.png doesn't want to be read anywhere other than \Windows. So if you have a music cover art problem I think this will fix it Click to expand... Click to collapse nice discovery. I'll try Code: <ImageList path="[B]\m2d_images[/B]"> <Image index="0" name="hh_fw_background.png" /> <Image index="1" name="hh_fw_title.png" /> <Image index="2" name="hh_fw_tab_bg_fill.png" /> <Image index="3" name="hh_fw_tabbtn.png" /> <Image index="4" name="hh_fw_tabbtn_mask.png" /> <Image index="5" name="hh_fw_unread.png" /> <Image index="6" name="hh_fw_unread_mask.png" /> <Image index="7" name="hh_fw_tabbg_home.png" /> : : and Code: [B][SIZE="3"]<Image index="119" name="[B]\Windows\[/B]hh_music_record.png" />[/SIZE][/B] <Image index="120" name="hh_fw_tabbg_operator.png" /> At least I just have to edit 2 lines of code instead of hundreds of lines. Hope it works...
[Q] Need help creating an iconset
Hi guys, I've already created 2 Iconsets which work exactly as I wanted to, but now I'm stuck creating an iconset with 3 modes inside. When I'm trying to select my iconset in Zooper, it causes Zooper to crash even before he openes the available set list. What am I doing wrong here? Code: <?xml version="1.0" encoding="utf-8"?> <config> <title>Missed Stuff</title> <description>Missed Calls, SMS and Email</description> <icons>icons</icons> <demo>demo.png</demo> <default>empty.png</default> <mode value="#SMCALLS#">Missed Calls</mode> <mode value="Email">Unread Emails</mode> <mode value="SMS">Unread SMS</mode> <condition> <test>#MODE#=SMS</test> <condition> <test>#SUSMS#=0</test> <image>NoSMS.png</image> </condition> <condition> <test>#SUSMS#>0</test> <image>SMS.png</image> </condition> </condition> <condition> <test>#MODE#=Email</test> <condition> <test>#SUG#=0</test> <image>NoMail.png</image> </condition> <condition> <test>#SUG#>0</test> <image>Mail.png</image> </condition> </condition> <condition> <test>#SMCALLS#=0</test> <image>NoCall.png</image> </condition> <condition> <test>#SMCALLS#>0</test> <image>Call.png</image> </condition> </config>
[CSS][UI][Phonegap][HTML]Share your CSS/HTML
I thought I would start a thread were developers could share UI information. I am working with a "Google cards" style layout:
Code:
.card {
position:relative;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
float:left;
background:#FFFFFF;
width:100%;
color:#000000;
padding:5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom:10px;
}
.top-card-pad {
position:relative;
float:left;
background: transparent;
width:100%;
margin-bottom:10px;
}
.top-card-pad is called as a div to add the proper padding at the top of a page.
Basic Android actionbar and iOS navbar:
Code:
<!-- Android Action bar -->
<div id="header" data-role="header" data-position="fixed">
<a href="#" id="action-title" class="ui-btn-left" data-role="button"
data-icon="carat-l" data-corners="false" data-rel="back">My App</a>
<h1></h1>
<a href="#" id="hrefresh" class="ui-btn-right" data-role="button"
data-icon="refresh" data-iconpos="notext" data-corners="false"></a>
</div>
<!-- iOS nav bar -->
<div id="header" data-role="header" data-position="fixed">
<a href="#" id="action-title" class="ui-btn-left" data-role="button"
data-icon="back" data-corners="false" data-rel="back">Back</a>
<h1>My App</h1>
<a href="#" id="refresh" class="ui-btn-right" data-role="button"
data-icon="refresh" data-iconpos="notext" data-corners="false"></a>
</div>
<!-- /header -->
Hi,
Can you share whole HTMl to visualize how this looks? Sorry I m new to mobile dev..
Wetzel402 said:
I thought I would start a thread were developers could share UI information. I am working with a "Google cards" style layout:
Code:
.card {
position:relative;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
float:left;
background:#FFFFFF;
width:100%;
color:#000000;
padding:5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom:10px;
}
.top-card-pad {
position:relative;
float:left;
background: transparent;
width:100%;
margin-bottom:10px;
}
.top-card-pad is called as a div to add the proper padding at the top of a page.
Basic Android actionbar and iOS navbar:
Code:
<!-- Android Action bar -->
<div id="header" data-role="header" data-position="fixed">
<a href="#" id="action-title" class="ui-btn-left" data-role="button"
data-icon="carat-l" data-corners="false" data-rel="back">My App</a>
<h1></h1>
<a href="#" id="hrefresh" class="ui-btn-right" data-role="button"
data-icon="refresh" data-iconpos="notext" data-corners="false"></a>
</div>
<!-- iOS nav bar -->
<div id="header" data-role="header" data-position="fixed">
<a href="#" id="action-title" class="ui-btn-left" data-role="button"
data-icon="back" data-corners="false" data-rel="back">Back</a>
<h1>My App</h1>
<a href="#" id="refresh" class="ui-btn-right" data-role="button"
data-icon="refresh" data-iconpos="notext" data-corners="false"></a>
</div>
<!-- /header -->
Click to expand...
Click to collapse
aviatcogni said: Hi, Can you share whole HTMl to visualize how this looks? Sorry I m new to mobile dev.. Click to expand... Click to collapse I should have mentioned I'm also using jQuery mobile. Check out the basic card UI on JSFiddle.
Wetzel402 said: I should have mentioned I'm also using jQuery mobile. Check out the basic card UI on JSFiddle. Click to expand... Click to collapse Thanks mate...
[Q] IconSet for Data Usage stopped working
My IconSet for my Data Usage was working fine until my data usage reached 97%. Since then, it's been stuck w/ that image. My new monthly cycle started today and it should look similar to the missed calls iconset. As you can see, the other information is correct (0%, 0.11/2500), but the actual iconset doesn't reflect that information anymore. I've included the screenshot of my widget below as well as the code inside the config file, a screenshot of the Advanced Parameters of that iconset and attached iconset. Does anybody know what I could be doing wrong?
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Code:
<?xml version="1.0" encoding="utf-8"?>
<config>
<title>MUA Style Data Usage Widget</title>
<description>MUA Style Iconset with monthly data usage.</description>
<!--
Change to your DEMO icon file
-->
<demo>datausage_32.png</demo>
<icons>icons</icons>
<!--
Change to your DEFAULT icon file
-->
<default>datausage_31.png</default>
<!-- Monthly Data Usage -->
<mode value="$((#NTMTMM5#/2500)*100)$">Monthly Data Percent Used</mode>
<!-- Data Mode -->
<!--
!!!
Updates seem to be so slow that by the time it processes the variable the value
has already changed. Also widget updates (refresh) seem to only happen once per min.
So this mode may not be usable for any meaningful information.
!!!
<mode value="$((#NTMTMM5#/2500)*100)$">DATA Percent Used</mode>
<mode value="$((#NTMTMM5#/2500)*100)$">DATA Percent Free</mode>
-->
<!-- 100% -->
<condition>
<test>#MODE#=100</test>
<!--
Change to your 100% icon file
-->
<image>datausage_30.png</image>
</condition>
<!-- 97% - 99% -->
<condition>
<test>#MODE#>=97</test>
<!--
Change to your 97% icon file
-->
<image>datausage_29.png</image>
</condition>
<!-- 93% - 96% -->
<condition>
<test>#MODE#>=93</test>
<!--
Change to your 93% icon file
-->
<image>datausage_28.png</image>
</condition>
<!-- 90% - 92% -->
<condition>
<test>#MODE#>=90</test>
<!--
Change to your 90% icon file
-->
<image>datausage_27.png</image>
</condition>
<!-- 87% - 89% -->
<condition>
<test>#MODE#>=87</test>
<!--
Change to your 87% icon file
-->
<image>datausage_27.png</image>
</condition>
<!-- 83% - 86% -->
<condition>
<test>#MODE#>=83</test>
<!--
Change to your 83% icon file
-->
<image>datausage_26.png</image>
</condition>
<!-- 80% - 82% -->
<condition>
<test>#MODE#>=80</test>
<!--
Change to your 80% icon file
-->
<image>datausage_25.png</image>
</condition>
<!-- 77% - 79% -->
<condition>
<test>#MODE#>=77</test>
<!--
Change to your 77% icon file
-->
<image>datausage_24.png</image>
</condition>
<!-- 73% - 76% -->
<condition>
<test>#MODE#>=73</test>
<!--
Change to your 73% icon file
-->
<image>datausage_23.png</image>
</condition>
<!-- 70% - 72% -->
<condition>
<test>#MODE#>=70</test>
<!--
Change to your 70% icon file
-->
<image>datausage_22.png</image>
</condition>
<!-- 67% - 69% -->
<condition>
<test>#MODE#>=67</test>
<!--
Change to your 67% icon file
-->
<image>datausage_21.png</image>
</condition>
<!-- 63% - 66% -->
<condition>
<test>#MODE#>=63</test>
<!--
Change to your 63% icon file
-->
<image>datausage_20.png</image>
</condition>
<!-- 60% - 62% -->
<condition>
<test>#MODE#>=60</test>
<!--
Change to your 60% icon file
-->
<image>datausage_19.png</image>
</condition>
<!-- 57% - 59% -->
<condition>
<test>#MODE#>=57</test>
<!--
Change to your 50% icon file
-->
<image>datausage_18.png</image>
</condition>
<!-- 53% - 56% -->
<condition>
<test>#MODE#>=53</test>
<!--
Change to your 53% icon file
-->
<image>datausage_17.png</image>
</condition>
<!-- 50% - 52% -->
<condition>
<test>#MODE#>=50</test>
<!--
Change to your 50% icon file
-->
<image>datausage_16.png</image>
</condition>
<!-- 47% - 49% -->
<condition>
<test>#MODE#>=47</test>
<!--
Change to your 47% icon file
-->
<image>datausage_15.png</image>
</condition>
<!-- 43% - 46% -->
<condition>
<test>#MODE#>=43</test>
<!--
Change to your 43% icon file
-->
<image>datausage_14.png</image>
</condition>
<!-- 40% - 42% -->
<condition>
<test>#MODE#>=40</test>
<!--
Change to your 40% icon file
-->
<image>datausage_13.png</image>
</condition>
<!-- 37% - 39% -->
<condition>
<test>#MODE#>=37</test>
<!--
Change to your 37% icon file
-->
<image>datausage_12.png</image>
</condition>
<!-- 33% - 36% -->
<condition>
<test>#MODE#>=33</test>
<!--
Change to your 33% icon file
-->
<image>datausage_11.png</image>
</condition>
<!-- 30% - 32% -->
<condition>
<test>#MODE#>=30</test>
<!--
Change to your 30% icon file
-->
<image>datausage_10.png</image>
</condition>
<!-- 27% - 29% -->
<condition>
<test>#MODE#>=27</test>
<!--
Change to your 27% icon file
-->
<image>datausage_09.png</image>
</condition>
<!-- 23% - 26% -->
<condition>
<test>#MODE#>=23</test>
<!--
Change to your 23% icon file
-->
<image>datausage_08.png</image>
</condition>
<!-- 20% - 22% -->
<condition>
<test>#MODE#>=20</test>
<!--
Change to your 20% icon file
-->
<image>datausage_07.png</image>
</condition>
<!-- 17% - 19% -->
<condition>
<test>#MODE#>=17</test>
<!--
Change to your 17% icon file
-->
<image>datausage_06.png</image>
</condition>
<!-- 13% - 16% -->
<condition>
<test>#MODE#>=13</test>
<!--
Change to your 13% icon file
-->
<image>datausage_05.png</image>
</condition>
<!-- 10% - 12% -->
<condition>
<test>#MODE#>=10</test>
<!--
Change to your 10% icon file
-->
<image>datausage_04.png</image>
</condition>
<!-- 7% - 9% -->
<condition>
<test>#MODE#>=7</test>
<!--
Change to your 7% icon file
-->
<image>datausage_03.png</image>
</condition>
<!-- 3% - 6% -->
<condition>
<test>#MODE#>=2</test>
<!--
Change to your 3% icon file
-->
<image>datausage_02.png</image>
</condition>
<!-- 1% - 2% -->
<condition>
<test>#MODE#>=1</test>
<!--
Change to your < 3% icon file
-->
<image>datausage_01.png</image>
</condition>
<!-- 0% - 1% -->
<condition>
<test>#MODE#<1</test>
<!--
Change to your 0% icon file
-->
<image>datausage_00.png</image>
</condition>
</config>
...sorry for such big photos.