Insert Edge Animate Compositions Unavailable

I don't have an option to import Edge Animate Compostitions in Dreamweaver's 'Insert' menu.
Was this an update to CS6 only available in the cloud and not to boxed versions?
I have CS6 master collection. DW 12.0 Build 5861 for Windows.

This feature of inserting Edge compositions directly into DW is available only to Creative Cloud subscribers (at the moment, since Creative Cloud brings in all the new features as soon as they're released). See here: http://helpx.adobe.com/dreamweaver/using/import-edge-files.html
However, you can manually insert your Edge compositions into your code with a div tag and a unique Identifier to the div, also adding a few supporting Edge files. You should publish your Edge composition for 'Web'. You can possibly decode the published index.html file source code after that. If you need more help doing this, do post back!
-ST

Similar Messages

Edge animate composition is not an option on insert media menu, and I subscribe to the cloud

edge animate composition is not an option on insert>media menu, and I subscribe to the cloud

If your product was installed via the Creative Cloud, you should be able to update it using the Creative Cloud. If your product was installed via other media (like from the DVD), you will not be able to update it using the Creative Cloud. Now that CC has launched, you might want to look at upgrading now and try it out now.
Thanks,
-Elaine

Select Insert Media Edge Animate Composition ????

no me sale la opcion "
Select Insert > Media > Edge Animate Composition"
no aparece en el menu de dreamweaver, no puedo importar edge desde dreamweaver
alguna solucion gracias

Insert > Media > Edge Animate Composition is in Creative Cloud versions of CS6.
Nancy O.

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

Responsive scaling of Edge Animate composition in Dreamweaver Fluid Grid Layout

I have created an animation in Edge Animate and have placed it in the header of a Dreamweaver Fluid Grid Layout. I have put it in a div by itself so it can be turned off in the mobile layout. When I test the layout in a browser, the Edge Animate composition scales responsively to the window size, but the height of the div it is in does not. The width of the div changes with the width of the window, but the height of the div remains the same. Because the height of the div doesn't change, as the animation responds and resizes it leaves a large empty space between the bottom of the animation and the content that follows it on the page.
The div itself does not have a rule for it's height associated with it. It seems to me that the div is getting its height from the original size of the html object which is the animation. I tried removing the height rule for the object, but then the div clips the bottom of the animation, and again, it doesn't resize with the window.
Is there a way I can get the div's height to resize with the size of the animation as it changes?

Thanks for your reply. You're right about most people not resizing their viewport during a session, but unfortunately the problem exists whether the screen is being resized or not. Refreshing the screen doesn't solve the problem.
The width of the div adjusts to the width of the screen as expected and the Edge Animate composition inside it does too, but the height of the div doesn't adjust. As the animation gets smaller to fit the width, the height of the div that contains it remains the same, leaving empty space at the bottom of the div. What is needed is for the div to scale to fit the page width proportionally. Instead, only the width is adjusting.
So I guess I need to know if there's either a way to force the div to scale proportionally or a way to tell it to adjust to the animation that it contains.

Import Edge Animate compositions into In Design

Hi, how do I import Edge Animate compositions into In Design..? Cheers
p.s. perhaps i should have added: my main interest is to have the animate project imported to have it load in the adobe viewer for digital publishing. up until now I'd linked the html overlay from the standard Edge app. One of the things that caught my eye under the features for Edge animate was:
Digital Publishing support
Import Edge Animate compositions into the Adobe Digital Publishing Suite with Adobe InDesign CS6, or into Apple iBooks Author.
How I proceed: as per the help/resources:
Publish as Animate Deployment Package (.oam)
Select this export option to create a package file of your project for use in other Adobe tools. The following tools support Animate Deployment Packages: Adobe Digital Publishing Suite (DPS), InDesign CS6, Dreamweaver CS6, and Muse.
Select File > Publish Settings.
In the Publish Settings dialog box, make sure Animate Deployment Package is selected as the publish target.
Note or change the target directory.
(Optional) Specify a poster image.
Click Save to save the publish settings, or click Publish.
but all i get is
Content generation error.
[Error: Invalid URL for Web Content Overlay]

Here is a walkthrough on Adobe Dev Connectings - http://www.adobemarketing.com/devnet/digitalpublishingsuite/articles/enhancing-your-dps-fo lios-with-edge-animations.html
The only difference in that walthrough is the reference to in the Publish Settings: in Adobe Edge Animate v1, its now called 'Animate Deployment Package' instead of 'Indesign/DPS'.
Darrell

Inserting edge animate files correctly into Dreamweaver

Hi there all,
I am loving edge animate! i have made all sorts of web banners and slideshows!! This is my problem, I have a project i would like to add to a 2 column layout in the right colum but eveytime i insert the project where i believe it should go it appears on the otherside of my screen not in the area i placed it or the containing div..
Can somebody please help me.. This is my code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edge.js"></script>
    <script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edgeActions.js"></script>
    <script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-90061968 { visibility:hidden; }
    </style>
<title>Seal Snorkeling</title>
<style type="text/css">

</style></head>
<body>
<div class="container">
<div class="header">
<div style="width: 100%">
<video controls="width: 987px">
<source src="seal.mov" type="video/mov" />
<source src="seal.mp4" type="video/mp4" />
</video>
</div></div>
<div class="sidebar1">
<img src="logo.jpg" width="470" height="216" align: "right"alt="logo" longdesc="logo.jpg" />
<p><strong>Seal Snorkeling </strong> in Cape Town is the ultimate wildlife experience for the adventurous. Plunge into the cool Atlantic ocean and swim with hundreds of playful Cape Fur Seals. Interact with them in their environment and on their terms. This half day excursion is for everyone and will be the highlight of your holiday.</p>
<p><strong>Meeting Times </strong> <br>9am - November to February.</br><br>10am - September to Ovtober $ March to April.</br><br>Please confirm when booking.</br><br>There are afternoon options if the morning is fully booked.</p>
    <p><strong>Meeting Location </strong> <br>We meet inside Hout Bay Harbout, outside the NSRI building.</br> See directions below</p>
    <p><strong>Trip Duration</strong> <br>3 hours. This includes kitting up, briefing and traveling to and from the island. On average, visitors spend an hour in the water.</p>
    <p><strong>What is provided?</strong> <br>We provide all equipment, a marine guide, boat ride, educational briefing, water, biscuits, hot chocolate and even a hot water shower to warm you up!</p>
<img src="divers.jpg" width="470" height="530" align: "right"alt="logo" longdesc="logo.jpg" />
     <div id="content">
    </div>
</div>
<div class="content" id="test"><div id="stage" class="EDGE-6752322">
    </div></div>
<div class="footer">
    <p></p>
</div>
</div>
</body>
</html>
If anyone has some advice i would be very grateful, Thanks in advance!!
Nick

Hi there,
Here is a pic of what im talking about, as you can see the edge file is now hovering over the entire project again.. didnt change a thing and now back to artifacts even after restarting please please please help

Edge animate composition not working properly on bc

Hi,
I have placed an adge animate composition into the home page of a bc template site (www.w-o-o.me). When i view the home page in safari, the animation can take up to ten seconds before it loads. The business owner says they cannot see it at all. The same with a site i built in muse, (www.thisiscrap.co.uk) the home page marquee is an edge composition, this does not show at all sometimes and is just a blank space at the top of the screen.
Has anyone had a similar problem and if so how did you fix it?
Thank you.

Hi Liam,
Thank you very much yes that what i thought too, sorry i can't leave a link out in the forum coz the client wants to keep the project confidential at this stage, but i can PM you a link...
So you mean i have to edit the links in edge animate too? at first i couldn't get the shop template's css to load in subcategories, so i changed the links like that (/filename.css) and it worked but the edge animation wouldn't load when changing the paths for the files referred in the edge code that you put inside the head tag. So i'm guessing there must be some other paths that can't find its way around... and i found the below link last night, maybe this will work but I'm not sure how to put the javascripts and how to add the variable declaration to the root of my website like how they have mention in the below article, I'm more of a designer then a programer, but I'm learning on it, it would be great if you could tell me exactly whats that code and how to do it properly.
Adobe Edge: Embedding Animations in a Page | Daniel Hanly

How to insert Edge animate in current web html page

Just downloaded Edge Animate and trying to include animation.html in current website.html page using Adobe Edge Code preview but am not sure how to go about it not being a hard core programmer.... am i being too ambitious?

Thanks here is the code :
Animation code : in subdiretory off Root directory : AdobeEdge/Bannerad.html
<!DOCTYPE html>
<html>
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8"/>
          <title>Untitled</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="Bannerad_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-160548878 { visibility:hidden; }
    </style>

</head>
<body style="margin:0;padding:0;">
          <div id="Stage" class="EDGE-160548878">
          </div>
</body>
</html>
And segement of Accomodation.html page in root directory :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="Generator" content="iWeb 2.0.4" />
    <meta name="iWeb-Build" content="local-build-20130308" />
    <meta name="viewport" content="width=700" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8"/>
          <title>Untitled</title>
    <title>Accomodation</title>
    <link rel="stylesheet" type="text/css" media="screen,print" href="Accomodation_files/Accomodation.css" />
    <style type="text/css">
/*<![CDATA[*/
          @import "Scripts/Widgets/HTMLRegion/Paste.css";
/*]]>*/
</style>
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="AdobeEdge/Bannerad_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-160548878 { visibility:hidden; }
    </style>

    <script type="text/javascript" src="Scripts/iWebSite.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
    <script type="text/javascript" src="Scripts/iWebImage.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/HTMLRegion/Paste.js"></script>
    <script type="text/javascript" src="Accomodation_files/Accomodation.js"></script>
</head>
<body style="background: #000000; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
    <div style="text-align: center; ">
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; background: #fffde8; text-align: left; width: 700px; " id="body_content">
        <div style="margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div id="id1" style="height: 258px; left: 17px; position: absolute; top: 13px; width: 665px; z-index: 1; " class="style_SkipStroke">
            <div class="text-content graphic_shape_layout_style_default_External_665_258" style="padding: 0px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div> <p style="margin:0;padding:0;">
                     <div id="Stage" class="EDGE-160548878">
                         </div>
.................... etc.
thanks.

Wrong Dimensions & Unwanted Gaps When Inserting Edge Animate Files In Dreamweaver

I wasn't quite sure which forum this belonged in, so my apologies in advance if anyone feels this should be in the Edge Animate forum instead.
I noticed when creating an animation in Edge Animate, when I publish it and try to add it within Dreamweaver, for some reason Dreamweaver is adding an extra 20 pixels to the width and the height. Also, since the Object tag used to embed it is Inline by default, it is also causing a small gap at the bottom of the animation between it and any blocks that come after it. Granted, I can go in and correct the dimensions in the code myself, and I can change the CSS on the Object tag to get rid of that gap. But what I'm confused about is why it is doing this - particularly with tacking an extra 20px onto the width and height, in the first place. Is there a setting somewhere to stop it from doing this? Below are screenshots of the animation in Edge Animate, where you can see the dimensions were 960x400, then a screenshot of Dreamweaver where you can see that it changed the dimensions to 980x420.

Your container has a width of 960px.
Your Edge has a width attribute in the HTML code of 980. Are you saying you didn't put that there?
By default, all browsers add their own margins & padding to HTML elements. It's customary practice for developers to zero out the default margins & padding with CSS.
You can use a global CSS reset or do it manually.
#block1, #block2, #block 3 {
margin:0 auto;
padding:0;
width: 960px;
Nancy O.

Edge animate composition not loading on Business Catalyst catalogue's sub-catalogues...

Hi,
I need urgent help on this one... I have this edge animation slider on the all the pages of the website and its loading perfectly on all the other pages accept the sub-catalouges of our online shop, i believe this issue is caused because if the relative URL thing, but I'm not sure how to correct this, which code should i add and to which files, please help, i have an urgent deadline to meet and i couldn't fix it, i hope you guys here would help as we paying every month for your services.
Thank you very much..
Cheers,
Sam

Hi Liam,
Thank you very much yes that what i thought too, sorry i can't leave a link out in the forum coz the client wants to keep the project confidential at this stage, but i can PM you a link...
So you mean i have to edit the links in edge animate too? at first i couldn't get the shop template's css to load in subcategories, so i changed the links like that (/filename.css) and it worked but the edge animation wouldn't load when changing the paths for the files referred in the edge code that you put inside the head tag. So i'm guessing there must be some other paths that can't find its way around... and i found the below link last night, maybe this will work but I'm not sure how to put the javascripts and how to add the variable declaration to the root of my website like how they have mention in the below article, I'm more of a designer then a programer, but I'm learning on it, it would be great if you could tell me exactly whats that code and how to do it properly.
Adobe Edge: Embedding Animations in a Page | Daniel Hanly

Avoid downloading vídeos from adobe edge animate compositions

Hi friends,
Is it possible to disable the possibility of download the videos used in the compositions created in Adobe Edge?
As I can see now, every video displayed in the web can be easyly downloaded righclicking over it. (mp4 in this case)
Thanks in advance.

You can disable the context menu for the video by adding the below code in the compositionReady :
sym.$('video1').bind('contextmenu',function(e) { e.preventDefault(); } );
This will disable the whole of contextMenu on the video. But still people can download the video using video downloader browser extension, you can't really prevent in all scenario, but definitely make it harder.
hth,
Vivkeuma

Swap Edge Animate composition for image

Hello,
Is there a way to swap out an Edge composition for a static image when the viewport is at a certain size?

There must be a trigger or event action somewhere in your project/ code that is firing it off.
To help pinpoint it, go to the Window > Code and from the Actions Panel on the left you should see a list of 'actionable' elements. Look for something like
     Stage
          { } elementName.mouseout
Select them to review any code that is triggering a
           window.open("http://www.adobe.com", "_self");
Modify or remove the above where it is no longer needed.
Darrell

Can anyone give me a detailed explanation of how to upload my Edge Animate Composition into Godaddy?

I have a godaddy.com Domain and hosting acc. I have uploaded my composition into the FTP File Manager for my domain. I placed them in the html folder GoDaddy has in there by default. All the files are included, as well as the edge_includes folder and the Images folder (Not that I have imported any..) and when i attempt to view the page I get nothing but an error 404 message. I attempted to place a regular html file into the folder to see if the issue was with godaddy.com but it worked just fine. Any help would be greatly appreciated as I need this site up within the next two weeks. Thanks in advance.

A thought:
You guys are 'uploading' or 'publishing' the files to the public_html directory yes? ... when you log into GoDaddy FTPs you are presented with a lot of backend folders ... you need to select the public_html folder then put ALL of your website files in that folder ...
Also ... delete the default files and put your new files up ...
cheers
GemBro

Unable to Insert Adobe Edge Animate files into Dreamweaver CS6!

I have just tried the new Insert Edge Media feature in the new Cloud version of Dreamweaver CS6, but I can't get it to work!!
I have the option, but all the files in the Edge folder are unhighlighted (grey'd out) and I am unable to select anything Edge has published. I have noticed that the file extension has recently changed from .edge to .an with the launch of Animate.. Is this the problem?
Its a shame as its really quite tricky to put edge stuff into a web page at present..
Any ideas?
Wesley

Do you have an HTML5 web document open?
Below are instructions from the DW CS6 Reference document
http://helpx.adobe.com/pdf/dreamweaver_reference.pdf
Import Edge Animate compositions | Creative Cloud
This feature is available for Creative Cloud members and point product subscribers only.
You can import Adobe Edge Animate compositions (OAM files) into Dreamweaver. The composition is placed at the location of the cursor. Dreamweaver extracts the contents of the imported OAM file to a folder named edgeanimate assets. You can change the default location in the Site Setup dialog.
1. Ensure that your cursor is at the location where you want to insert the Edge Animate composition.
2. Select Insert > Media > Edge Animate Composition.
3. Navigate to the location in your computer containing the OAM file, and open it. The animation is placed at the specified location.
By default, the contents of the OAM file are extracted to the edgeanimate_assets folder. A sub folder with the name of the file is created. The contents of the OAM file are placed in the Assets folder under this location.
You can place Edge Animate Compositions into individual pages not part of any site. The files are extracted to the location of the page.
Location of extracted files
     A. The edgeanimate_assets folder
     B. The folder created using the file name of the OAM file
     C. The Assets folder containing the extracted files
4. Preview the inserted Edge Animate composition in a browser or in the Live View.
Change default location for extracted files
1. Open the Site Setup dialog for your site.
2. Under Advanced Settings, select Edge Animate Assets.
3. In Asset Folder, modify the location for extracted files
Nancy O.

Insert Edge Animate Compositions Unavailable

Similar Messages

Maybe you are looking for