Adobe Community: Message List - Show or hide a symbol not an element in code

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Thu, 06 Nov 2014 20:23:59 GMT

Oh, great! Good luck on your project.

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Thu, 06 Nov 2014 20:22:26 GMT

Thank you, resdesign, I found the solution to that problem. Thank you again.

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Thu, 06 Nov 2014 16:02:56 GMT

Yes, the ID is the name in the elements panel.

Can you tell me what elements you would like to hide?

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Thu, 06 Nov 2014 15:21:17 GMT

Link to my file:

http://adobe.ly/10YzHzq

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Thu, 06 Nov 2014 15:01:24 GMT

resdesign,

Thank you, I'm going to explore that idea. Just a quick question. Is the name that appears in the elements panel the id?

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Wed, 05 Nov 2014 20:37:23 GMT

To share a composition , zip it, upload it to a cloud storage of your choice and share the link.

To hide element in a created symbol, you could give a class to these elements and then use it to hide these elements.

another way is to give an id to your created symbol and reach its element that way.

Let me know if you need an example.

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Wed, 05 Nov 2014 20:13:45 GMT

I don't know how to share my composition. Maybe I can explain it.

I have a composition which displays a symbol that is created at runtime on the click of a button using the createChildSymbol() function. I want it to hide some nested symbols on its creationComplete event.

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Wed, 05 Nov 2014 17:43:03 GMT

It should work in creationComplete as well, can you share your composition so that we can test it out.

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Wed, 05 Nov 2014 17:32:41 GMT

Vivekuma,

Thank you for your answer. It works on the timeline triggers. I think I will use it. But I'm still puzzled as to why it won't work on creationComplete?

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Wed, 05 Nov 2014 17:24:47 GMT

Try this

sym.getSymbol("someSymbol").getSymbolElement().hide();

hth,

Vivekuma

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Wed, 05 Nov 2014 17:14:17 GMT

Devendar_Kumar

What I read in the document does not help because the line:

sym.getSymbol("kitten_1").$("kitten_paw").hide();

references an element inside a symbol not a symbol. I want to hide the whole symbol with all its elements.

However I did try that line of code but for some reason it does not work on creationComplete but it does work on timeline triggers. It still leaves the question how do I hide a symbol? and why does that line not work on creationComplete

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Wed, 05 Nov 2014 16:58:35 GMT

Thank you for your answer, but it did not work

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Wed, 05 Nov 2014 16:56:13 GMT

Hi,

Please check "Access a symbol timeline from the main stage" in the following document for helpful syntax and let me know if it helps.

Adobe Edge Animate CC JavaScript API

Regards,

Devendra

Re: Show or hide a symbol not an element in code

forums_noreply@adobe.com — Wed, 05 Nov 2014 16:47:55 GMT

Whenever you are showing/hiding something, regardless of whether it is an element or symbol, it always uses the $ selector.

So instead of sym.getSymbol("someSymbol").hide();

try using sym.$("someSymbol").hide();

Hope that helps :-)

Show or hide a symbol not an element in code

forums_noreply@adobe.com — Wed, 05 Nov 2014 16:36:12 GMT

Hi, folks

I have been struggling with this question because the line:

sym.$("someElement"). hide(); works but the line:

sym.getSymbol("someSymbol").hide(); does not work. Is that because hide() and show() are jQuerry functions and do not work with a symbol reference?

Can anyone tell me what function to use with a symbol to hide it or show it?