Plazmic 4.7 - Scroll Icons
 

Hello Everyone

I have icons docked to the side of the screen.

How do I make them scroll?

Thanks

Make a custom svg in Plazmic that would allow for them to scroll.

Thanks rpjohs.

Is there any 101 for Plazmic composer?

Thanks

Unfortunately there is not. And most people who are advanced in using Composer do not offer up their secrets too easily. There is a stock SVG that comes in the resources folder for the Bold, you can load it in to composer and play around with it, but it gets kind of confusing.

I have successfully made one Crossbar type theme, and I believe it was by accident that it worked, havent been able to re create it again.

There is a theme developers forum where people do offer up suggestions. If you find any info out, please share it with us all.

found this, not sure how relevant it may be since I have yet to try it but give it a whirl...

Plazmic Theme Creation Walkthrough - PinStack.com

and/or

How To Create Your Own Blackberry Themes Using Plazmic Theme Builder

Hopefully this helps. I will be trying this later

yah im new with plazmic also and i got no clue what so ever bout svg files...

Hello Everyone

This is how it is done.


xxx8226; To create a scrollbar place the buttons for the scrollbar in a separate layer in Composer.
xxx8226; Give the buttons and layer meaningful names as you will need them later.
xxx8226; Export the SVG file and open it in a text editor.
xxx8226; For each button, create an animateTransform element that does not contain a xxx8220;fromxxx8221; attribute, only a xxx8220;toxxx8221; attribute.
xxx8226; The animateTransform element will target the <g> element representing the layer.
xxx8226; The begin attribute of the animateTransform will be set to begin when the button gains focus
xxx8226; .Save the file.
xxx8226; Include the file on the custom home screen of your theme in Theme Builder.
xxx8226; Set up the desired navigation order in the navigation panel in Theme Builder.

Here is the sample of 11 buttons scrolling at the buttom for Storm. It is just a basic code. Do whatever you want to do in composer and then edit the SVG file in notepad and add the following code to the end of the but before "</svg>" tag.

Then in Theme builder select this SVG file for the home screen and then in the "Navigation" in the "Inspecter" window set the correct horizontal navigation.

You my get error messag "Duration Not Set", just ignore it for now.

----------------- Code -----------------------

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

<animateTransform xlink:href="#Layer_1" id="_anim_l2" attributeName="transform" type="translate" to="-50,0" dur="0.5s" fill="freeze" begin="Theme_Button_2.focusin" />

<animateTransform xlink:href="#Layer_1" id="_anim_l3" attributeName="transform" type="translate" to="-100,0" dur="0.5s" fill="freeze" begin="Theme_Button_3.focusin" />

<animateTransform xlink:href="#Layer_1" id="_anim_l4" attributeName="transform" type="translate" to="-150,0" dur="0.5s" fill="freeze" begin="Theme_Button_4.focusin" />

<animateTransform xlink:href="#Layer_1" id="_anim_l5" attributeName="transform" type="translate" to="-200,0" dur="0.5s" fill="freeze" begin="Theme_Button_5.focusin" />

<animateTransform xlink:href="#Layer_1" id="_anim_l6" attributeName="transform" type="translate" to="-250,0" dur="0.5s" fill="freeze" begin="Theme_Button_6.focusin" />

<animateTransform xlink:href="#Layer_1" id="_anim_l7" attributeName="transform" type="translate" to="-300,0" dur="0.5s" fill="freeze" begin="Theme_Button_7.focusin" />

<animateTransform xlink:href="#Layer_1" id="_anim_l8" attributeName="transform" type="translate" to="-350,0" dur="0.5s" fill="freeze" begin="Theme_Button_8.focusin" />

<animateTransform xlink:href="#Layer_1" id="_anim_l9" attributeName="transform" type="translate" to="-400,0" dur="0.5s" fill="freeze" begin="Theme_Button_9.focusin" />

<animateTransform xlink:href="#Layer_1" id="_anim_l10" attributeName="transform" type="translate" to="-450,0" dur="0.5s" fill="freeze" begin="Theme_Button_10.focusin" />

<animateTransform xlink:href="#Layer_1" id="_anim_l11" attributeName="transform" type="translate" to="-500,0" dur="0.5s" fill="freeze" begin="Theme_Button_11.focusin" />
--------------------- End Of Code ------------

Hope this helps.

Thanks

Thanks DD12!

I thought more people would be excited to learn this.

Wirelessly posted (8800)

I'm pretty stoked, I just need to set aside some time to get back to Plazmic and start playing again.