Creating a Down-Level Stage | Learn Edge Animate | Adobe TV

One of the nifty features of Edge Animate is that it recognizes that not all users have a modern browser. In this lesson you will how to accommodate users of older browsers by creating a screenshot of the page and then creating a down-level stage that will appear if, for example, an IE 7 user opens a page containing an Animate composition.
http://adobe.ly/SG429k

Thanks for that. Are you forced into using the PNG format, sometimes it's a larger file size as compared to a jpg.

Similar Messages

  • What Is Edge Animate and What Can I Create with It? | Learn Edge Animate | Adobe TV

    Welcome to Edge Animate, a new motion graphics tool for the web. In this video you'll learn what you can do with Edge Animate, see some sample projects, and get a good idea of the potential fun you can have with this application.
    http://adobe.ly/SG2GeP

    Southhampton? I've never seen it spelt that way.

  • Using TypeKit | Learn Edge Animate | Adobe TV

    One of the great advantages of modern browsers is that they let designers to move away from the standard web fonts and actually use custom fonts. In this video you will learn how to choose a font in TypeKit, Adobe's web font service, and how to add that font to your Animate composition.
    http://adobe.ly/SG3SPb

    How do you link your typekit to Adobe Edge?

  • Preparing Edge Graphics in Illustrator | Learn Edge Animate | Adobe TV

    Like its cousin Flash, Edge is vector-based, and as such Illustrator will likely play an important role in your Edge graphics production. In this video you will learn how to convert a multilayer Illustrator document to the SVG format used by Edge and within five minutes have that same document in motion in a web browser.
    http://adobe.ly/QQ6cEy

    Currently working on a multi-layered file in .ai CS6 trial version. I'm finding that holding down the option key and selecting a layer does NOT hide the other layers.

  • Down Level Stage disables other JQuery page elements

    I have create a small Edge Animate animation that I'm trying to add to our home page. After getting everything running and working properly in IE9+, Chrome, Firefox and Safari I moved it from the development environment to our live site. Then I viewed it on an older machine running IE8 and the down level stage worked great, but it disabled a jquery image slider and a little custom jquery script I wrote to polite load an embedded youtube video. The only  cusomization I did to the edge files was to remove the loader for the included version of JQuery so that it would run the on I call from Google instead. This prevent intial conflicts between already existing jquery elements on the page.
    If anyone can help me figure out how to prevent this problem with the down level stage I'd appreciate it.

    I understand what you're saying. I actually had to disable the loader that loads jquery in the edgePreload.js in favor of calling the same version from the google developer library. So that shouldn't effect it. I'm just wondering if there isn't something in the edgePreload.js that causes an overall shut down of any running JQuery.
    To answer your question everything does work fine without animate content. It is only a probelm after in including animate content. I can't really send you all the files since it's work related, but aside from deleting the line that loads the JQuery in the edgePreload.js it's the same as the default. The slider we use is woothemes Flexslider in a standard implementation.

  • Down-Level Stage Question/Problem

    Hi,
    As I understand it, the down-level stage image should display when an Edge animation is viewed in a browser with Javascript disabled.
    If that is correct, then it's not working for me, either in preview in browser from Edge Animate, or when published and used in a site built with Muse.
    Tested with IE 9, FF 16.01, Opera 12.02 w/ JS disabled.  In all cases, neither the animation nor the poster displayed.
    Yes I've read the replies to Vancouver Joel's post re: "down level does not work" at
    http://forums.adobe.com/message/4730549#4730549
    but nothing there helps.
    My animation is very simple; it uses just native ellipses, text using arial fonts, nothing special.
    The poster image that I selected is present when I inspect the down-level stage.
    Same problem occurs with a more complex animation.
    Any ideas?
    Thanks!

    Hey wbaafs, the downlevel stage will not appear with JS disabled as it requires gathering information from the preloader.js file. However, you can manually mak your own fallback by using the noscript tag:
    <noscript>
    <div id="Stage" style="background-image:url('yourposter.jpg')">
    </noscript>
    Sarah

  • How do you remove a symbol from the stage in Edge animate?

    Hello-
    I'm wondering how to remove a symbol from the stage in Edge Animate so you can jump to another place in the timeline.  In Flash, the symbol was only on the stage for the amount of frames you indicated.  Not sure how it works here.
    For example, I have 2 buttons on my first screen with some text that animates in.  I want the button click to take the user to another section in the timeline or (basically another scene, like in Flash)  that contains different content.  If I change the visibility the buttons are still there and will ( I assume) create problems when other elements are placed on top. 
    Or is the only way with code.  If that is the case what would that code be?
    I would appreciate any help.
    Thank you!

    What I usually do, is, once you have everything set up in the scene you are done with. highlight it all
    right click
    group elements in DIV
    Now all those items act as 1 group and then you give it a properties name, much like a symbol.
    THEN you can refer to that scene name and move it anywhere or hide it and slide in another scene that has the content for that next scene.
    basically you take all the elements that make up 1 scene, gruop it up, name it, and then in the code for the button say something like:
    on click:
    scenename.play(framenumber);
    that will then animate that scene according to any animation you gave it, such as moving to the left, off stage. while moving scene 2 that you create into the stage.
    or just have something like this hide it
    sym.$("scenename").hide();
    sym.$("scene2name").show();
    but if you do that, make sure in your CompositionReady code you hide all scenes EXCEPT the 1st one, so the user doesnt see them all instanatly anyway.

  • Learn Edge Animate CC  (was: A Chinese friend in need of help)

    I'm in the distant China
    I like the edge
    Who can recommend me some good web page?
    likes : www.edgehero.com
    Thank you all

    Hi Zengfrd,
    Edge Animate lets web designers/developer create interactive HTML animations for web, digital publishing, rich media advertising and more, reaching both desktop and mobile with ease.
    Here are some best tutorials links for learning edge animate.
    http://tv.adobe.com/product/edge-animate/
    Learn Edge Animate CC | Adobe TV
    Edge Animate CC tutorials | Learn how to use Edge Animate CC
    Edge Animate Learn & Support
    Regards,
    Devendra

  • Center the down-level stage

    How do you center the down-level stage, or add any css properties to it? I have the following code in composition ready but it does not center the down-level stage:
    sym.$("Down-level").css({"margin-left":"auto","margin-right":"auto","margin-top":"20px","b order":"1px solid black"});
    My regular composition is centered so I need the down-level stage to be centered as well. Thanks.

    Hi there, not sure how to center the down-level stage from within Edge, but have you tried centering the div that holds your Edge project, using regular CSS outside of Edge?

  • I have created a 468x60 animated banner in Edge Animate. How do I save the animated image to my desktop? (not in html code)

    I have created a 468x60 animated banner in Edge Animate. How do I save the animated image to my desktop? (not in html code)

    Hi,
    This feature is not available in Adobe Edge animate. You can not export as image from Edge animate.
    Publish options available in edge describe here
    Edge Animate Help | Publish your content
    Regards,
    Devendra

  • How do I get a transparent background on the down level stage?

    How do I get a transparent background on the down level stage?

    I haven't tested this, but in your xxx_edge.js file, it looks like the stage background color is set here:
    states: {
          "Base State": {
             "${_Stage}": [
                ["color", "background-color", 'rgba(255,255,255,1)'],
                ["style", "overflow", 'hidden'],
                ["style", "height", '400px'],
                ["style", "width", '550px']
    Try changing the last value in the rgba value from 1 to 0.
    Let us know how it goes!

  • Can i change down level stage value?

    Aleady setting's IE6,7,8 view.
    but i need view down level stage in mobile browser.
    can i change setting value?

    Changing number formats is not in Keynote, but in the OS X System Preferences, in the International Preferences.

  • Why does line-height revert in my down-level stage?

    When I set "line-height" on text to 25px inside my down-level stage, it reverts to 17px upon saving.  Is there a way to keep it from reverting?

    Hey wbaafs, the downlevel stage will not appear with JS disabled as it requires gathering information from the preloader.js file. However, you can manually mak your own fallback by using the noscript tag:
    <noscript>
    <div id="Stage" style="background-image:url('yourposter.jpg')">
    </noscript>
    Sarah

  • Can we create a single exe file in edge animate

    Hi everyone,
    I am working on an animation in Adobe Edge Animate. The code written in the file is working fine on the browser. The problem that I am facing is to create an exe file (a single file) in which i can see my animation and controls created. Something like flash's projector file which comes in exe fomat. My client is looking for the output in which he wants the animation in Html5 and there could be a single file to run. There shouldn't be images folder or j-query files, just a single file. Please tell me any tool or way, so that i can get the same output in exe format.
    Please help me out in this.
    Thanks & Regards,
    Vikas Sharma

    I posted this in another thread in reply to someone else's search. But, have  you had a look at this?:
    http://www.tidesdk.org/

  • Typekit font not displaying in iPad DPS app (created by Indesign) in Web Content (Edge Animate)

    I think I have tried every permutation to make this work, but I am probably missing something. 
    I am creating a single DPS iPad app with InDesign, and I am using a Typekit font throughout.  So far so good. 
    I have created an Edge Animate project using the same Typekit font.  In preview mode, it is fine as well. 
    However, when I place the Edge Animate project into a frame in InDesign and use the Web Content Folio Overlay (regardless of whether I use the .oam file or link directly .html output published by Animate), the Typekit font will not show up in the Edge Animate portion of the DPS app and will instead use a fallback font. 
    Can anyone suggest a way to make Typekit fonts in Edge Animate work when embedded in a DPS app?  (For what it's worth, I have the same problem when embedding html output from Tumult Hype, so it seems unlikely that this is an issue with Edge Animate at all and probably has more to do with something in the way the DPS app is dealing with embedded html content.)
    Thanks in advance for any assistance. 

    Believe me, I understand the pain. Unfortunately there's only so much we can do at Adobe as the EULAs provided by the foundries for their respective fonts are very explicit in where you can and can not use them.
    For example, packaging an InDeisgn file and sending it off for pre-press with the fonts included in the package is in direct violation of most font EULAs. In a studio environment, you're only allowed to have a font installed on n number of computers and need to have multiple licenses to accomidate >n number of seats. When creating a PDF, fonts explicitly have to be subsetted before embedding into the PDF.
    That's just to paint a picture of the fragile state of using fonts in print, usage in digital mediums is just another bee in your bonnet when it comes to considering when you can and cannot use a font.
    Services like Typekit Desktop are trying to make this easier by removing a lot of those pain and condierations for you, by blanketing all these fonts under a single license you're free to use for print and the web. There's still some gotchyas, but we're aiming to greatly reduce how much you have to think about it where we can.
    So yes there's a bit of education when it comes to mixing embedded HTML content/fonts with DPS, but at least there's options
    Sarah

Maybe you are looking for