I've decided to write a tutorial for a friend that needs help with a hidden ... Software & Theme Development forum
Another Hidden Dock Tutorial.
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 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.
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:
Go to File>Export>SVG. Pick a title and save it somewhere you can find it.
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.
Scroll all the way to the bottom and look for this:
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.
So I'm going to highlight until I see this:
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.
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!
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".
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:
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!!!
A big thanks to MrTolles for helping me out. YOUR AWESOME!
Last edited by ashabees; 06-24-2009 at 09:07 PM.
Nice one thanx for sharing
~via smartphone mobile.pinstack.com~
You came through again young grasshopper. Many kudos to you because it works!
Thanks miss. ashley!!! workin on it now!!
Great Tutorial Ash! You are welcome for the help but everyone should know that YOU chose to learn how to make the hidden dock rather then to even let me correct your code that you had mostly right. You did an amazing job on your theme and on your Tutorial!
Thanks Ashabee- no matter how many times I go through this process, it is always great to get a different perspective, as everbody has their own way of presenting something. This freshens it up for me- Chris
Samsung Vibrant, OS2.1
" I do many things well- none of which generate income"- riffman
Is there any way rather than anime the hidden dock by either sliding it up, down or left, right, do a hide and visible?
Uhmm. I have no idea. I can ask my svg nerds and let you know!
~via smartphone mobile.pinstack.com~
Originally Posted by alai99
Originally Posted by ashabees
thank you so much... that was so easy to read and follow.
Tags for this Thread