Thanks to Molson0 for posting the .properties files in
this thread (post #85)
There is also an abundance of info and links to resources that you might find interesting reading.
Once you have done all of the necessary steps to export your theme you can use the files found here as a resource to make it fit the 9850/9860.
The .cp files in the zip DO NOT need to be exported for .svg, they are a template I have set up that makes it a little easier for me to find the right x,y values for each element.
Clicking on any of the elements (see above image) will display the x,y values and the width and height in the tool bar.
A few things I need to mention...
App Banner: Several of the elements are used for BOTH landscape and portrait
Code:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?plazmic pmeVersion="1.2" pmb="false"?>
<svg width="100%"
height="28"
hotspot-wrap="false"
xmlns="http://www.w3.org/2000/svg"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.w3.org/2000/svg http://www.plazmic.com/svg/schema/svg.xsd"
xmlns:xlink="http://www.w3.org/1999/xlink">
<rect id="bgRect"
x="0"
y="0"
width="480"
height="28"
fill="none"/>
<set xlink:href="#bgRect"
attributeName="width"
to="800"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
<set xlink:href="#bgRect"
attributeName="height"
to="28"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
<image id="banner-app__Landscape"
x="0"
y="0"
width="800"
height="28"
display="none"
xlink:href="banner-app__Landscape.png"/>
<set
xlink:href="#banner-app__Landscape"
attributeName="display"
to="inline"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
<image
id="banner-app"
x="0"
y="0"
width="480"
height="28"
xlink:href="banner-app.png"/>
<set
xlink:href="#banner-app"
attributeName="display"
to="none"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
<image
x="64"
y="1"
width="100"
height="26"
xlink:href="x-object:/CurrentDateTime?clocktype=time&width=100&height=26&font-family=BBAlpha Sans Condensed&font-style=plain&font-size=26&fill=fefefe"/>
<image
id="banner-display-app"
x="3"
y="2"
width="40"
height="22"
xlink:href="x-object:/BatteryLevel?width=40&height=22"/>
<image
id="net_rim_Alarm_Indicator-icons21x21"
x="165"
y="4"
width="21"
height="21"
xlink:href="x-object:/AlarmIndicator?width=21&height=21"/>
<g id="banner_svg_portrait">
<image
id="signal-display-app"
x="430"
y="3"
width="45"
height="22"
xlink:href="x-object:/SignalLevel?width=45&height=22"/>
<set
xlink:href="#signal-display-app"
attributeName="display"
to="none"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
<image
id="signalwifi-display-app"
x="344"
y="5"
width="27"
height="23"
xlink:href="x-object:/WLANSignalLevel?width=27&height=23"/>
<set
xlink:href="#signalwifi-display-app"
attributeName="display"
to="none"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
<image
id="bluetooth-display-app"
x="330"
y="4"
width="12"
height="20"
xlink:href="x-object:/GridIndicators?area=6&width=12&height=20&font-family=BBAlpha Sans Condensed&font-style=plain&font-size=20&fill=fefefe&specificindicator=:bluetooth:&align=center"/>
<set
xlink:href="#bluetooth-display-app"
attributeName="display"
to="none"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
<image
id="unreadicon-display-app"
x="187"
y="1"
width="142"
height="26"
xlink:href="x-object:/GridIndicators?area=2&width=142&height=26&font-family=BBAlpha Sans Condensed&font-style=plain&font-size=26&fill=fefefe&omitindicator=:calltimer:message:mvs_status:bluetooth:&align=end"/>
<set
xlink:href="#unreadicon-display-app"
attributeName="display"
to="none"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
</g>
<g id="banner_svg__Landscape">
<image
id="signal-display-app__Landscape"
x="752"
y="3"
width="45"
height="22"
display="none"
xlink:href="x-object:/SignalLevel?width=45&height=22"/>
<set
xlink:href="#signal-display-app__Landscape"
attributeName="display"
to="inline"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
<image
id="signalwifi-display-app__Landscape"
x="664"
y="5"
width="27"
height="23"
display="none"
xlink:href="x-object:/WLANSignalLevel?width=27&height=23"/>
<set
xlink:href="#signalwifi-display-app__Landscape"
attributeName="display"
to="inline"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
<image
id="bluetooth-display-app__Landscape"
x="650"
y="4"
width="12"
height="20"
display="none"
xlink:href="x-object:/GridIndicators?area=6&width=12&height=20&font-family=BBAlpha Sans Condensed&font-style=plain&font-size=20&fill=fefefe&specificindicator=:bluetooth:&align=center"/>
<set
xlink:href="#bluetooth-display-app__Landscape"
attributeName="display"
to="inline"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
<image
id="unreadicon-display-app__Landscape"
x="187"
y="1"
width="462"
height="26"
display="none"
xlink:href="x-object:/GridIndicators?area=2&width=462&height=26&font-family=BBAlpha Sans Condensed&font-style=plain&font-size=26&fill=fefefe&omitindicator=:calltimer:message:mvs_status:bluetooth:&align=end"/>
<set
xlink:href="#unreadicon-display-app__Landscape"
attributeName="display"
to="inline"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
</g>
<switch>
<foreignObject x="0"
y="0"
width="0"
height="0"
xlink:href="dummy"
requiredExtensions="x-object:/Coverage"
display="none">
x-object:/Coverage?width=60&height=26&font-family=BBAlpha Sans Condensed&font-style=plain&font-size=26&fill=fefefe&target=BannerCoverage-app
</foreignObject>
</switch>
<text id="BannerCoverage-app"
x="371"
y="22"
font-family="BBAlpha Sans Condensed"
font-size="26"
fill="#fefefe"
text-anchor="start"/>
<set
xlink:href="#BannerCoverage-app"
attributeName="x"
to="691"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/>
<switch>
<foreignObject x="0"
y="0"
width="0"
height="0"
xlink:href="dummy"
requiredExtensions="x-object:/FontManager"
display="none">
<group xmlns="dummy">
<altFont font-family="BBMillbank"/>
<items ids=""/>
</group>
</foreignObject>
</switch>
</svg> There are only ONE mention of CLOCK, BATTERY, ALARM, UNREAD and BANNER COVERAGE (3G,EDGE)
The clock, batt and alarm are in the same position for both portrair and landscape orientations while the coverage is moved into its new position.
Code:
<set
xlink:href="#BannerCoverage-app"
attributeName="x"
to="691"
begin="custom(oc_to_landscape)"
end="custom(oc_to_portrait)"/> so you would need to note the LANDSCAPE orientation x-coordinate for the value in
RED
NOTE: If you are just editing your own svg you will need to separate the different orientation elements with a g-tag so the elements will display properly on orientation change (oc)
Code:
<g id="banner_svg_portrait"> * your code * </g>
Code:
<g id="banner_svg__Landscape"> * your code * </g>
5Likes
Thread Author
#
9850/9860 Theme "tutorial pack" 
Linear Mode
