Button event

[chrisberry7]

Does anyone know how to successfully create a button event(focus, click) for a touch screen theme(torch\storm). Manually editing the svg file may be the only way to go. Please assist. Thank you.

[smurfie604]

Check out matt ginsbergs website. He has a tutorial on how to create buttons for storm. What are you looking to do?

Posted from my CrackBerry at wapforums.crackberry.com

[russnash]

For a touch button:

<rect id="button" x="100" y="100" width="50" height="50" fill="black"/>
<loadScene xlink:href="x-object:/slot0" begin="button.focusin"/>

For a click button you would just change "button.focusin" to "button.activate".

Your actual button can be pretty much anything, for example an image:

<image id="another_button" x="50" y="50" width="30" height="30" xlink:href="button.png"/>

Hope this helps!

Russ.

Posted from my CrackBerry at wapforums.crackberry.com

[russnash]

Thanks Ross. My question was not clear enough however. I really want to trigger an event (eg. show a different wallpaper) after the screen is touched. Would the loadscene tag accomplish this? Thanks again.
Chris

Chris,

You won't be able to directly change the wallpaper, but you could simply add your own images for the background wallpapers and just switch them as the user clicks buttons:

<image id="wall1" x="0" y="0" width="360" height="480" xlink:href="wall1.png" display="inline"/>

<image id="wall2" x="0" y="0" width="360" height="480" xlink:href="wall2.png" display="none"/>

<image id="wall3" x="0" y="0" width="360" height="480" xlink:href="wall3.png" display="none"/>

<rect id="wall1hs" x="10" y="10" width="30" height="30" fill="blue"/>
    <set xlink:href="#wall1" attributeName="display" to="inline" begin="wall1hs.activate"/>
    <set xlink:href="#wall2" attributeName="display" to="none" begin="wall1hs.activate"/>
    <set xlink:href="#wall3" attributeName="display" to="none" begin="wall1hs.activate"/>

<rect id="wall2hs" x="50" y="10" width="30" height="30" fill="blue"/>
    <set xlink:href="#wall1" attributeName="display" to="none" begin="wall1hs.activate"/>
    <set xlink:href="#wall2" attributeName="display" to="inline" begin="wall1hs.activate"/>
    <set xlink:href="#wall3" attributeName="display" to="none" begin="wall1hs.activate"/>

<rect id="wal3hs" x="90" y="10" width="30" height="30" fill="blue"/>
    <set xlink:href="#wall1" attributeName="display" to="none" begin="wall1hs.activate"/>
    <set xlink:href="#wall2" attributeName="display" to="none" begin="wall1hs.activate"/>
    <set xlink:href="#wall3" attributeName="display" to="inline" begin="wall1hs.activate"/>

<rect id="walluserhs" x="130" y="10" width="30" height="30" fill="blue"/>
    <set xlink:href="#wall1" attributeName="display" to="none" begin="walluserhs.activate"/>
    <set xlink:href="#wall2" attributeName="display" to="none" begin="walluserhs.activate"/>
    <set xlink:href="#wall3" attributeName="display" to="none" begin="walluserhs.activate"/>

So, basically, for wall1 through 3 you simply are displaying the relevant image and hiding the others. When the user selects the walluserhs you are hiding all three images and allowing the standard wallpaper to show.

Russ.

[chrisberry7]

Thanks Ross,

But I keep getting the errors below:

SVG failed to import correctly.
Certain portions of the SVG may not be rendered correctly.
The SVG file: C:\Documents and Settings\... may not be rendered correctly for the following reasons:


Duration is not defined
Duration is not defined
Duration is not defined
Duration is not defined
Duration is not defined
Duration is not defined
Duration is not defined
Duration is not defined
Duration is not defined

[russnash]

Please post your svg file Chris.

[Raestloz]

Duration is not defined error is usually fine to ignore. My themes have had at least 64 duration not defined errors and they work just fine, except maybe there will be uncaught exception error at startup

Posted from my CrackBerry at wapforums.crackberry.com

[chrisberry7]

Thanks for the responses. Ross I dont have the file with me now but I used the same example you provided changing only the href image path and filename(image\myimage.png) to a valid one and "wall1hs" to the respective "wall2hs" and "wall3hs". Nothing happens when I click the blue rectangles in the 9800 simulator. Please help.