Results 1 to 11 of 11

I've decided to write a tutorial for a friend that needs help with a hidden ... Software & Theme Development forum

  1. #1
    ashabees's Avatar
    ashabees no está en línea Themes Pro
    Join Date
    Mar 2009
    Posts
    91

    Lightbulb Another Hidden Dock Tutorial.

    Advertisement



    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:
    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.



    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:

    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!!!


    A big thanks to MrTolles for helping me out. YOUR AWESOME!
    Attached Files Attached Files
    Last edited by ashabees; 06-24-2009 at 10:07 PM.

  2. #2
    srl7741's Avatar
    srl7741 no está en línea Stack Professional
    Join Date
    May 2006
    PIN/ID
    Retired
    Posts
    6,359
    Great post.

    Thanks

  3. #3
    ealvnv's Avatar
    ealvnv no está en línea Stack Professional
    Join Date
    Nov 2008
    PIN/ID
    ask me
    Posts
    3,242
    Nice one thanx for sharing
    ~via smartphone mobile.pinstack.com~

  4. #4
    HeyMrRadio's Avatar
    HeyMrRadio no está en línea Themes Pro
    Join Date
    Jan 2007
    Posts
    1,290
    You came through again young grasshopper. Many kudos to you because it works!

  5. #5
    jasonring's Avatar
    jasonring no está en línea Stack level 5
    Join Date
    Aug 2008
    PIN/ID
    be kind
    Posts
    1,045
    Thanks miss. ashley!!! workin on it now!!

  6. #6
    mrtolles's Avatar
    mrtolles no está en línea Stack level 1
    Join Date
    Jun 2009
    Posts
    2
    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!

  7. #7
    riffman's Avatar
    riffman no está en línea Stack Professional
    Join Date
    Aug 2008
    Posts
    1,195
    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

  8. #8
    alai99's Avatar
    alai99 no está en línea Stack level 2
    Join Date
    Dec 2006
    Posts
    37
    Is there any way rather than anime the hidden dock by either sliding it up, down or left, right, do a hide and visible?

  9. #9
    ashabees's Avatar
    ashabees no está en línea Themes Pro
    Join Date
    Mar 2009
    Posts
    91
    Uhmm. I have no idea. I can ask my svg nerds and let you know!
    Quote Originally Posted by alai99 View Post
    Is there any way rather than anime the hidden dock by either sliding it up, down or left, right, do a hide and visible?
    ~via smartphone mobile.pinstack.com~

  10. #10
    alai99's Avatar
    alai99 no está en línea Stack level 2
    Join Date
    Dec 2006
    Posts
    37
    Quote Originally Posted by ashabees View Post
    Uhmm. I have no idea. I can ask my svg nerds and let you know!
    ~via smartphone mobile.pinstack.com~
    Thanks

  11. #11
    scorpiosweety's Avatar
    scorpiosweety no está en línea Stack level 1
    Join Date
    Sep 2008
    Posts
    1

    Thumbs up

    thank you so much... that was so easy to read and follow.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •