Animate CC is fantastic

I love this app, and I love this update.  Animate is maturing quickly, and has become serious-tool that I use daily. 
One quick request:  can you guys(gals) show a little more love to the "code" window, or make it a little easier for us to edit JS externally?  It's do-able now, but kludgey.  Or, perhaps down the road we can get a "Edge Code" window inside Animate!
Thanks for the hard work!

Hey Sarah,
I think I use them equally probably because I try to use composition ready for most of it. When I have code in symbols then it becomes easier to use the code window when I review the code.
But, like others, I would like you to start adding formatting capabilities - I use notepad ++ when I have long portions to write or edit as I can have it choose javascript or html which is practical when formatting html in js or jquery code. I can switch between each formatting depending what I am doing. Then, when I am done, I copy/paste the code in Animate. So, if this was possible in the code window, it would be amazing.
I wouls also like to be able to toggle on/off autocomplete tags for html like in DW.
Since Animated is my primary tool right now, this would make my life easier!

Similar Messages

  • Is it possible to design an animated navigation bar in Edge Animate CC for use in a Dreamweaver CC site to act as the site's internal navigation? I have my own example for review.

    Hi all,
    I'm hoping one of you good people can help me with this. I usually try and work out things by myself and is my first time posting as this one really has me stumped. A solution would be fantastic but if I could be given a definitive answer if it can be done or not then at least I can stop wasting my time.
    I'm loving Edge Animate as a cross browser alternative to Flash and the complete control I can now have building HTML5 and CSS animations from scratch. I build websites using Dreamweaver CC and wanted to create a bespoke drop down navigation for one of my sites in Edge animate CC to take into Dreamweaver. This I have done and is where I am having problems. The link to the test homepage in question is below with the nag bar made in Edge CC top right.
    http://www.elastic-canvas.co.uk/Nick_Scott_Media%202014_Website/index.html
    The problem is when setting the link attribute in Edge animate. You have the options of 'link in same window' or 'link in new window'. As it's for an internal navigation system neither seem to be appropriate. If I set it to open in a new window and set the live website address as follows it opens up the new page in a new window where as I want to replace the page. This is an example of the code I used to test if clicking 'sports advertising' would take you beck to the homepage:
    // Navigate to a new URL in a new window
    // (replace "_blank" with appropriate target attribute)
    window.open("http://www.elastic-canvas.co.uk/Nick_Scott_Media%202014_Website/index.html", "_blank");
    I ideally want to get into the code and just wrap each nav element with a <a href=""><a> tag. Can this be done and can it be done directly in Edge Animate CC?
    Cheers, Matt

    Hi,
    According to your description, my understanding is that use CMAK to configure split tunneling on VPN clients, traffic to specified devices can be routed via their own default gateway.
    If the manually added route entries all have default metric and interface, clients will select one by the default routing rule, can’t select one of them according to clients’ own conditions. So, I am afraid that CMAK can’t implement the function which you need.
    A blog described about How to configure split tunneling on VPN clients using CMAK, for your reference:
    http://blogs.technet.com/b/rrasblog/archive/2007/06/11/split-tunnelling-using-cmak.aspx
    Best Regards,
    Eve Wang 
    Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Support, contact [email protected]

  • How do I use Edge Animate to make a clickable image which can be used in Author, and which will redirect you to a different page in your ebook?

    If anyone has experience with Edge Animate, I know that I can make an image clickable, and I can insert a url to define where it will go once clicked. But I want to make a widget to use in iBooks Author, that can take the reader to a certain page of the book. Is this possible?
    It all seems very complicated. Make one thing in Edge Animate, then somehow have that reference something in Author, which will finally work in an ebook. I have no clue where to begin.

    Sort of. I'm using this code inside an action for a button symbol. But it doesn't work perfectly. Trying to debug it.
    Let me know if you have any luck.
    //Check to see if pageCounter already exists
    if (typeof EC.pageCounter === 'undefined') {
      // it doesn't exist so initialize it to first page
        EC.pageCounter = 2;
    //check if the page is only 1 digit -- patch for single digit
    if (EC.pageCounter < 9) {
       // it is, so we need to pad a 0 on the front.
      EC.pageCounterString = "0" + EC.pageCounter;
      //e.g.  01 ...09,11,12,13....115,222352,,....
    else {
      EC.pageCounterString = EC.pageCounter;
    EC.loadComposition(EC.pageCounterString + "/publish/web/" + EC.pageCounterString + ".html", sym.$("container"));
    EC.pageCounter = EC.pageCounter + 1;
    //TODO for back  -1

  • How do I include 'Edge Web Fonts' into Edge Animate?

    How do I include 'Edge Web Fonts' (not Google Web Fonts) into Edge Animate?

    Have you tried to use google fonts? I have used them and they work for me.
    When you add your font for example:
    Copy paste:
    <link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
    and then for font family.
    'Finger Paint', cursive;
    then select addfont on the addfont screen

  • Adobe Edge Animate CC 2014.1

    Hello, do the animation in Adobe Edge Animate CC 2014.1
    and faced with a problem, animating picture animation works when you hover over the image and still have the text which also operates and has a different animation, and the problem is if I'm pokartinke mouse and spend the mouse over the text in the image on the animation picture as if jumps and starts with a new one, I want to know how to do so that would be mouse as I had not seen the text of this so I can keep the mouse on the image and animation are normally worked

    UPDATE
    i have ulpaded 2 animation ( one normal and one Responsive ) in 2 different server here the link
    www.eclipseadv.com/maliRP/maliRP.html
    Untitled
    via SAFARI or CHROME on MAC all OK
    but via IPAD ( SAFARI, CHROME and MERCURY) i didn't see the video, just the animation of the BUTTON  and the link if i click on it (not in Mercury), like in the content viewer.

  • How to make something like this in Edge Animate?

    Hi,
    I'm hoping to make something like this – https://www.youtube.com/watch?v=OJeDppEHI1g – in Edge Animate but I'm not sure where to start.
    I'm new to Edge but am keen to explore.
    Anyone have any feedback on whether:
    1. It's possible, and
    2. What techniques/effects have been used.
    Thanks!

    Hi there and welcome,
      Could you be a little more specific on what it is exactly that you would want to create? Most of what I can see from that website is doable in Edge Animate, but if you specify what it is you'd like to accomplish I could walk you through how to do it.
    Thanks!

  • Sticky header and footer in Edge Animate

    I've created a long scrolling site in EA and need my navigation bar and logo to remain static at the top as I scroll down. I also want my Contacts bar at the bottom to stay put. Can anyone help me?
    I'm not familiar with JS, CSS or HTML5 so please imagine you're talking to a child. I also need to know where to add the code in the Edge Animate project.
    Thanks for your patience...

    These fragments might fall under the category of "other", as an example, there is a copyright fragment in the Other tab of the fragment toolbox window. You could copy that and enhance it to make your footer.

  • Adding to a website animation made in edge animate

    Hello, I am web designer, I made several banners for our webpage in edge animate, and now our programmists are having trouble adding them to a website. May be someone can tell, what they did wrong? Or may be you may give as lint to a tutorial explaining, how to add it in the right way?
    link to a website: https://imfoption.com/a/new-home-page/
    link to a banner: http://giteldesign.com/portfolio/works/banners/imfoption/man-moving/

    This may be because of the site being served on https and some of the edge animate scripts being served over http, which are blocked by the browser. You can change the URL scheme from http to https in the file /wp-content/themes/imfoption/js/newban/man_edgeActions.js to make it work.
    Following URLs will need a change:
      aLoader = [
          { load: "http://imfoption.com/wp-content/themes/imfoption/js/newban/edge_includes/jquery-2.0.3.min. js"},
          { load: "http://imfoption.com/wp-content/themes/imfoption/js/newban/edge_includes/edge.4.0.0.min.js"},
          { load: "http://imfoption.com/wp-content/themes/imfoption/js/newban/man_edge.js"},
          { load: "http://imfoption.com/wp-content/themes/imfoption/js/newban/man_edgeActions.js"}];
    You can also just use the URLs without a scheme as follows, then the scheme will be automatically chosen.
    aLoader = [
          { load: "//imfoption.com/wp-content/themes/imfoption/js/newban/edge_includes/jquery-2.0.3.min.js" },
          { load: "//imfoption.com/wp-content/themes/imfoption/js/newban/edge_includes/edge.4.0.0.min.js"},
          { load: "//imfoption.com/wp-content/themes/imfoption/js/newban/man_edge.js"},
          { load: "//imfoption.com/wp-content/themes/imfoption/js/newban/man_edgeActions.js"}];
    There are some other resources which are loaded over http, for eg:
    http://fonts.googleapis.com/css?family=Economica%3A700%2C400italic&ver=1.7.4
    http://imfoption.com/wp-content/themes/imfoption/css/impreza/fonts/fontawesome-webfont.svg ?v=4.0.3
    These may or may not work depending on the client settings, ideally you should fix all of these issues too. Hope this helps.
    -Dharmendra

  • Which is the best app to create cartoon images on that i can move around to other apps and animate to create cartoons

    which is the best app to create cartoon images on that I can move around to other apps and animate.  I want to create the image only, no background or anything

    Hi Susan,
    Kindly check out Flash pro CC
    For more details: Explore Adobe desktop apps | Adobe Creative Cloud
    Thanks,
    Atul Saini

  • How do I animate say, dropping paint, in Edge?

    I have 4 PNG files, that show drops of paint from a brush at various stages.
    I want to display to the viewer a sequence of paint dripping off the brush, as if flipping a cartoon drawing book...
    I have imported all four images and tried to stack them on top of each other, and manipulate the timeline, to get the images to display in the sequence above, but I have not had the luck I was seeking.
    Any ideas?
    I am new to Edge Animate (29 days left on the trial), and I have had 5+ years of experience with Flash.
    Thanks!

    Opatel,
    Thanks very much for the video link. While a tiny bit hard to understand, and following the speaking of the host in the video was a tad rough at times, the actual Animate steps were very clear!
    Much appreciated.
    Gilly

  • How do I link a google drive edge animate project to an iframe?

    I have a simple edge animate project as a test. It has the following files in the root:
    edge_includes folder containing 3 images and edge.5.0.1.min.js
    project.html
    project_edge.js
    I want to be able to have these files stored on google drive (or dropbox or alternative) and link to them through an iframe on my website. I've tried doing this by keeping the file structure the same on google drive and just referencing the shared link of the html file, but the project will not work.
    I've also tried replacing the src links of the edge.5.0.1.min.js file and the image files to their shared links on the google drive. This didn't work either.
    Is there any way to host the files externally and have them still reference each other properly so the html file can be linked into an iframe on a different site?
    Many thanks in advance
    Barry

    Just to add the relevant requested information:
    I am using the latest version of Edge animate (2014.1)
    Google chrome (and IE desktop not metro as backup)
    If anyone wants to see the file then I'm happy to link to it, but I don't think the question really warrants it.
    Thanks again.

  • How do I pass a variable from edge animate to an external JS?

    I need to pass a variable value from Edge Animate to an external JS file. How can I do it?

    Not sure if this is the best way ,but works
    Set the variable as a property of a global variable
    Like
    SET
    window.myVar = 'your value';
    AdobeEdge.myVar = 'your value';
    Read
    window.myVar
    AdobeEdge.myVar

  • How do I stream video in edge animate?

    I am a Flash Pro convert, which means I know action script, but not html, html5 or js. I found a training video that talks about embedding youtube video through the use of a container and creationComplete coding. However, I would prefer not using embeded youtube video (since I think it still requires flash player). I also was unable to even make the youtube embeding work.
    I downloaded a html5 player/converter thinking I could convert the video to html5 video and drop the associated code into my composition. But unfortunately, I don't know if this is possible or where I might "drop" the code in. I've searched for several hours for a solution to this problem and have found very little information related to my issue.
    Any help on this would be greatly appreciated. I'm willing to put in the work to find answers and learn, but at this point I suspect I may not know the right questions to ask.
    Thanks in advance.
    bevans9908

    Moved to the Edge Animate forum. They will be able to help you here.

  • How do I use Typekit fonts within Edge Animate

    I have applied a 'Pragmatica' Typekit font to a website.  I'm using Edge animate to construct some pages and within these pages want to add Type; however, Edge Fonts does not include the Typekit font 'Pragmatica' and the instruction for the page to use Typekit seems not to filter through into the Edge animate section .... is there a way round this?

    Hi, Trimmertop-
    When you open up the Web Fonts viewer, you will see Edge Web Fonts by default.  However, there is a tab next to it that says "Custom."  You can stick in your kit code in that location.
    -Elaine

  • How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. Do I use .png or svg?

    I want to use Edge Animate to create native app in PhoneGap Build. How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. And do I use .png or svg?

    If you use responsive scaling it will definitely scale .
    For best practises regarding graphics refer
    Edge Animate Help | Best practices for graphics in Adobe Edge Animate

Maybe you are looking for