I've decided to write a tutorial for a friend that needs help with a hidden dock. I know there's one that's already out but he needs a little more detailed instructions. So hope this helps everyone who needs it.
So what you need to do first is open up composer. I'm making one for the 8900 so that's what I'm gonna select and I always do a white background.
Next we need to add some buttons. Go over to the left where the "tool box" is and click the "Theme Button"
Click to view quoted image
.
Click anywhere in the white area, you should see a green square. Then go over to the "inspector" and click the "Use Device Application Order" (if you do not have inspector click the windows tab and check "Inspector"). Keep doing that until you get the desired amount of buttons. I usually only do about 6.
Click to view quoted image
After you've done hopefully you've already created a dock that you want to use. If you have then go to file>import. Select the one you've created. If you haven't then go on ahead and make one I'll wait.
After you import it it should show up on your screen, position it over the icons where you like. Right click the dock>select order>send to back. It should then look like this:
Click to view quoted image
Go to File>Export>SVG. Pick a title and save it somewhere you can find it.
Click to view quoted image
Go to wherever you saved it right click and select open with>notepad.
Look for "Layer_1" and rename that "Buttons". If for some reason you can't find "Layer_1" then go back to composer and see what your layer is called. You'll be able to find it in the "Layers" table. For the most part it's usually titled "Layer_1" unless you merged them.
Click to view quoted image
Scroll all the way to the bottom and look for this:
Click to view quoted image
Put your cursor EXACTLY where mine is and press enter 4 times. NOW LEAVE THAT ALONE.
Download and Open the attatched zip on here. For each button there are 2 codes, hope that makes sense. Since I added 6 buttons in composer I'm going to highlight and copy 12 of those codes. Just look at the picture below, the text that is highlighted is for 1 button.
Click to view quoted image
So I'm going to highlight until I see this:
begin="Theme_Button_6.focusout"
All because I have only 6 icons. Get it? GO back where you left off...
after you pressed enter 4 times. Right Click and Paste.
Depending on the type of blackberry your making a hidden dock for also depends on the number your going to put in place of those 100's.
Click to view quoted image
The 100 is how far it will go out measured in pixels. So since the 8900 icons are 80 X 80 I usually put about 90. The higher you increase the number the more it will come out. So change those 100's to either 90 or you can leave em' as is. Just play
around with it til' you get it to where you like. Once your done just go to file>save as>switch the "save as type" to "all files" it will ask you to replace file and click yes!
Click to view quoted image
Open up Theme Builder and Upload your SVG. If you can't find it it's in the same area where you upload a new background, right below it says "SVG File:". Scroll down to "navigation" and select "no memory".
Click to view quoted image
ALL DONE!!!! Run it in simulator and it should work like a charm.
Here are a few things that will help you out when creating a hidden dock.
When your changing the second part of that coding the part where it looks like this:
<animateTransform xlink:href="#Buttons" id="_anim_d1" attributeName="transform" type="translate"
to="0,0" dur="0.5s"
fill="freeze"
begin="Theme_Button_1.focusout" />
The first 0 is your left & right and the second 0 is your up & down. If your trying to make a side dock to the left your going to have to put a neg. sign (-) next to the number so -95,0. Same with the top, 0,-95.
Also, when I made my first hidden dock I kept getting the same icon over and over even though I clicked "use device application order" in composer. So what I had to do is search "slot" in my notepad coding. If it says something like "slot0" make sure you can see theme_button_1" near. That tells your file where to put the icon at. The slot number is always going to be 1 less whatever the button so "theme_button_2" will be "slot1" etc.
This is just incase your composer doesn't export the svg right. I've only had this problem once. So you might not even get it.
If your having difficulty feel free to message me and I'll try to help you out.
I hope everyone can understand this and good luck to anyone who tries it out!!!
Linear Mode
