Need help to complete my theme

[hyne]

hi guys. I'm making my 2nd theme which is inspired a lot by E & GDK's work. And also this is my first time playing with svg.

Here is the screenshot :




And now i'm having a problem with the sliding dock.



I have set up all the icons on composer with "use device application order" but the result, all the 10 icons are showing only the first order. Please help.

[jaxjon]

You need to change the slot number for each one in the svg. Slot0 to Slot9 for 10 icons. You need to do this in the top and bottom parts.

Posted from my CrackBerry at wapforums.crackberry.com

[hyne]

i found the slot in the svg

<g id="Theme_Button_1"
transform="translate(-181 104)">
<!-- pz:tag type="button" -->
<useApplicationIcons app-id="slot"
normal-group="normalImage"
focus-group="focusImage"/>
<g id="Theme_Button_1-Contents">
<!-- pz:tag type="layer" -->

am i supposed to add the number 01 / 1 after the "slot" ? without space or using underscore ?

another questions jaxjon, can i submit 1 button to move 2 layer at the same time it pressed ?

if i want to make one button to close automaticly within the time, we need to change the "freeze" code to what kind of code ?

also, if i want to make multiple home screen theme, is it using the same code like in the sliding dock svg? and how to make it scroll to slide not by tapping it.


sorry if i have so many question.

[zcyclist]

i find that the easiest thing to do is to open the svg in notepad, then under "edit", select "find", now type the word "slot" (no parenthesis), and click "next". this will jump to the first instance of the word "slot". it will probably start with "slot0", it sounds like in your case that it might just say "slot" though. anyway, in your case, you want it to say "slot0", then the next instance of "slot" should say "slot1", then "slot2", etc. keep clicking "next" in the find feature until it can't find anymore "slot". then save.
hope that works.

[jaxjon]

To answer your other questions I would need to give you examples and such as it is easier to show than walk through it on the phone. If you have had no response I will reply later this eve when I get home.

Posted from my CrackBerry at wapforums.crackberry.com

[hyne]

thanks zyclist, it save me a lot of time


jaxjon, i already fixed the slot order. it shows as it should be, but... wherever i click the icon, it goes to sms & mms. Does it have something to do with sms button ? maybe the layer or something ?

btw, I just found out that this thread should be on developer section right..? I'm sorry to make this new thread on theme section.

[kdjayo]

Originally Posted by hyne

thanks zyclist, it save me a lot of time


jaxjon, i already fixed the slot order. it shows as it should be, but... wherever i click the icon, it goes to sms & mms. Does it have something to do with sms button ? maybe the layer or something ?

btw, I just found out that this thread should be on developer section right..? I'm sorry to make this new thread on theme section.

You have to do it twice for each, start at the top of the document, search for Slot, do the proccess, say you hacve 10 icons, you do it ten times, then continue u have to do it another ten times until when you search for "slot" it says it cant find any more.

[jaxjon]

another questions jaxjon, can i submit 1 button to move 2 layer at the same time it pressed ?

Say you have a dock (Layer_1) at -360,0 or outside the left side of the screen to start and you have another (Layer_2) at 0,0 or directly in the center of the screen. Assuming both are 360x480 px you can use the transformations below to move Layer_1 into view and Layer_2 out of view with a button called dock_in

<animateTransform xlink:href="#Layer_1" id="_anim_l01" attributeName="transform" type="translate"
to="360,0"
dur="0.4s"
fill="freeze"
begin="dock_in.focusin" />

<animateTransform xlink:href="#Layer_2" id="_anim_l02" attributeName="transform" type="translate"
to="-360,0"
dur="0.4s"
fill="freeze"
begin="dock_in.focusin" />

To move them back to their original places with the same button you would need to create a duplicate button underneath the first one and call it say dock_out and use this code

<set xlink:href="#dock_out" attributeName="display" to="inline" begin="dock_in.focusin"/>
<set xlink:href="#dock_in" attributeName="display" to="none" begin="dock_in.focusin"/>
<set xlink:href="#dock_in" attributeName="display" to="inline" begin="dock_out.focusin"/>
<set xlink:href="#dock_out" attributeName="display" to="none" begin="dock_out.focusin"/>

<animateTransform xlink:href="#Layer_1" id="_anim_l03" attributeName="transform" type="translate"
to="0,0"
dur="0.4s"
fill="freeze"
begin="dock_out.focusin" />

<animateTransform xlink:href="#Layer_2" id="_anim_l04" attributeName="transform" type="translate"
to="0,0"
dur="0.4s"
fill="freeze"
begin="dock_out.focusin" />

This can be used to make multiple home screens if you make each layer 360x480 size. You can even have 3 or more buttons on top of each other to scroll through 3 or more layers and move them each time, you just have to remember to only show one button at a time and hide all others.

if i want to make one button to close automaticly within the time, we need to change the "freeze" code to what kind of code ?

If you want something to happen a certain time after a button has been pressed just add "+xs" after the focusin or activate event in your code where x=#of seconds to wait so .focusin+2s means it ill wait 2 seconds before firing the code before it. Not sure if there is a maximum but I know you can't do anything but positive integers.

I hope this helps answer your questions.

[hyne]

now i get it ! i didn't read it carefully.so 2 buttons in the same place then when you touch it, it will bring in and out the both layers, but if i want to make the bottom sliding dock like android type, do the button move up / down together with the layer or it stays in the place ? if i see for your example, it works for the multiple home screen. or we still need 2 different buttons with 2 different area for the sliding dock ?

and about the scroll thing, i still don't understand how it work. Is there any tutorial for that ? or maybe you can show me with a pictures? btw, sliding with your finger between each layer like iphone, is it a different explanation right?