How do I maintain responsive scaling on an edge animate animation when I insert it into dreamweaver?

How do I maintain responsive scaling on an edge animate animation when I insert it into dreamweaver? Please and thank you!

example.com is a generic http:// address to illustrate the difference between what you gave, file:/// and an actual URL address. There are no tutorials on that site. Sorry for the confusion.
#1 Have you procured your domain name and web hosting yet? You'll need to do that to publish your pages online.
#2 When you sign-up for web hosting, the company will send you FTP log-in credentials to your site's web server. You will enter this info into your DW Site Definition. Site > New Site > See screenshots below:
Under Servers: Root Directory is whatever your hosting company tells you to use. This varies by web host. Some commonly used ones are public_html, www or htdocs.
After your site definition is set-up, hit the TEST button to confirm it's working. If it's not connecting, go to More Options.
Go to the Files Panel (F8). Use the UP Arrow to PUT files to remote server.
Use the DOWN Arrow to GET files from server to your local site folder.
Post back when you have finished uploading your work to the remote server.
Nancy O

Similar Messages

How to run an Edge Animate animation on SharePoint 2007

Hi,
I have an Edge Animate animation that I can't figure out how to setup to run on SharePoint 2007.
I have tried using a Content Editor Webpart but untill now without any luck.
I hope someone in here will be able to help.
Right now my code look like this;
<html>
<head>
    <style>
.edgeframe {
    background: #FFF;
margin-top: 0px;
    </style>
</head>
<body>
<div class="edgeframe">
<object id="EdgeID" type="text/html"   width="960" height="700" src="http://fls-teamsites/application/SPoudemo5/TSETdevelopment/Shared%20Documents/ten_commandm ents_its.html">
</object>
</div>
</body>
</html>
I'm really hoping that someone will be able help me with this task.
Br,
Thomas

Object tag takes "data" attribute instead of "src". Try changing it.
<object id="EdgeID" type="text/html"   width="960" height="700" data="http://fls-teamsites/application/SPoudemo5/TSETdevelopment/Shared%20Documents/ten_commandm ents_its.html">

How do I edit a .swf file in edge animate? How do I save it as a swf file?

Hello, I need to edit the actionscript in a swf animation file. How do you do that with Edge animate?

There is no such workflow for swf files.
Edge animate only understands html, javascript. SWF files are alien to it.
You should be using Flash Professional CC, for generating the swf files.
hth,
Vivekuma

How to make a interactive colouring page in Edge Animate?

Hi!
For a University project, I have the task of creating a kids' colouring book. It'll contain some other pages than just colouring, but my lecturer suggested Edge Animate to me. It's for an iPad e-book so it can't contain any flash as flash doesn't work on mobile devices.
I've seen this on these forums...
It's basically like this something that i'd like to create... http://www.meschrene.puremadnessproductions.net/Samples/Color-Page/Flower.html (which user
♥Schrene posted).
Are there any step-by-step guides or tutorials on how to do this please? I'll draw the outline, with colouring tools needed.
I downloaded Edge Animate for FREE via my Adobe ID and have the student CS5 creative suite.
Any help would be very greately appreciated thank you!

Here is a Simple sample of the same concept:
http://www.meschrene.puremadnessproductions.net/Samples/Color-Page/Simple-Sample.html
http://www.meschrene.puremadnessproductions.net/Samples/Color-Page/Simple-Sample.zip
I put some explanations in the code...
You are basically just changing the background color of each shape...
Remember the shapes that you color are limited to the shapes you can create in Edge.....
Although basically there are only circles and rectangles you can see that I was able to manipulate shapes to make a star.

CS4: How can I keep a scaled Symbol from returning to 100% when I edit it?

I have several instances of a symbol on my artboard. Each of these instances have different scales/sizes. I'm trying to edit one of the larger instances by double-clicking it and entering isolation mode, so that I can make some minor adjustments to the positioning of the objects and paths within that symbol so that it's not covering my other content. However, as soon as I do this, the symbol "shrinks" back down to its small original size... which makes it almost impossible to judge what the symbol will look like, because as soon as I exit isolation mode, it'll return to the larger size and then visually I can see if I guessed right.
Example, I have a "TREES" symbol. Within the TREES symbol, there are 3 individual tree shapes. I want to move the right tree a little farther right, but not too far right, because it'll cover some other content. However, as soon as I double-click the TREES symbol to edit it, the symbol shrinks so now, I can't really tell how far I need to more the right tree. Is there a preference, or a method of creating a symbol to keep it from doing this when I try and edit it?
Also, I noticed, in the above example, as I move the tree to the right, when I exit isolation mode, it appears that the entire symbol has changed position... so now the other trees aren't in the same place (visually) that they were before. It seems as though Illustrator has centered ALL the trees in the symbol, instead of leaving the left 2 trees alone and just moving the right tree farther right. (Completely opposite of the way Flash edits symbols) Is there a way to keep this from happening as well?
Thanks!

If I convert (break) the symbol instance into a normal group, then any changes I make to that instance will not be reflected in the other instances that have been placed in different areas of the artboard.

How do I get my Iphone to show up in Itunes when I plug it into my computer?

Hello,
I am having trouble getting my Iphone to connect with my computer. I just authorized my computer to my account, but my phone won't show up in itunes. Does anybody know how to get it to connect with itunes?
Thanks

Version 11.1.5.5 of iTunes was just released today. If you update to that, does that help with the recognition troubles?
http://www.apple.com/itunes/download/

How do you reference the main timeline of swf1 from swf2 when swf2 is loaded into swf1?

on this link          http://kb2.adobe.com/community/publishing/918/cpsid_91887.html
I found this script, but I can not use it can anyone help me
// create a variable to reference swf1's main timeline
var swf1Main_mc:MovieClip; // this assumes that swf1 is a movieclip.
// create your listener to ensure this loaded swf has been added to the display list and can therefore obtain a
// reference to its main timeline (which is always the main timeline of the loading swf).
this.addEventListener(Event.ADDED_TO_STAGE, initF);
function initF(e:Event):void{
    swf1Main_mc = MovieClip(this.root);

You don't make it clear what event finish is for. But let's assume that your MC is being loaded from the clip that you're referring to as root. In the main Document Class of that swf, you'd have
protected var customSwf:CustomSwf;//customSwf is the Class that defines your functionInSwf1protected function someFunction():void {
     var loader:Loader = new loader();
     loader.contentLoaderInfo.addEventListener(Event.COMPLETE onLoaderLoaded);
     //rest of your loader loading code here
protected function onLoaderLoaded(e:Event):void {
      //add to display list (you already know how to do, so I'm not writing the code)
     EventDispatcher(e.target).removeEventListener(Event.Complete, onLoaderLoaded);
     //if you had a legitimate need for path (which you don't) in mcExternal, you'd set it like this:
     this.mcExternal.path = LoaderInfo(e.target).content as MovieClip;
      //this is what you actually need to care about to do this correctly
      customSwf = LoaderInfo(e.target).content as CustomSwf;
Now, the Class that you apply to the library symbol you're using for mcExternal should have code similar to this:
protected function fEvent(e:Event):void {
     dispatchEvent(new Event('giveYourEventADescriptiveNameBasedOnWhatYoureReallyDoingHere', true));
back in your main document Class:
//should probably call from the constructor or somewhere early in the process
protected function init():void {
     //use your real event name--your code isn't expressive enough I could guess a good name
     addEventListener('giveYourEventADescriptiveNameBasedOnWhatYoureReallyDoingHere', onEventHappened);
protected function onEventHappened(e:Event):void {
     customSwf.customFunctioninSwf1();
     customSwf.changeVisualState();//let custom swf change alpha and change the frame #
To the untrained I, this looks like about the same amount of code and slightly more trouble, but changing the design like this will make it much more tolerant of the changes that nearly all clients will want after you've built version 1. mcExternal's code doesn't have to change at all if swf1 changes, and your root Class already knows abotu swf1 anyway, since it's doing the loading, so having it work with it a little more doesn't hurt.
Moving the change of visual state into your custom swf means that changes in that swf won't affect your main document Class, though you will probably have to recompile the main document unless you go to using an Interface (a topic for another day).

How to set and read cookies in adobe edge animate

Hi all,
I need help in writing and reading cookies using adobe edge, is there is a way to do it I serached the internet but I did not find something simlliar?
thanks in advance

To test with this plugin in a simple HTML page, you'll need to also include jQuery itself.
For example:
<script src="/path/to/jquery.js"></script>
<script src="/path/to/jquery.cookie.js"></script>
</head>
There are a few different ways that you could load the jQuery.cookie plugin into your composition. Regardless of the method, I recommend loading it at the compositionReady trigger. This is the trigger that fires after the composition is ready to play.
This blog post shows one way to load in external .js files:
http://chrisgannon.wordpress.com/2012/09/01/loading-external-javascript-in-adobe-edge-anim ate-the-easy-way/
Here's how you would be applying this method for the jQuery.cookie plugin:
Then enter in code similar to this:
yepnope(
nope:[
'/path/to/jquery.cookie.js'
complete: init
function init() {
//create your cookie's initial values here
That would load in the jQuery.cookie plugin.
It would then be up to you to create/manipulate the cookie's data as needed for your purpose. Most likely, you would scroll to a point in the timeline where you want data to be changed and/or read, add a trigger, then insert the necessary code.

When rotoscoping, how do I delete the background of a video so that when I import it into final cut, the background is transparent and not black or white?

Hello there,
I am new to after effects.
I'm currently working on some footage of a face talking. I have used the rotobrush to single out just the lips moving and have deleted the background. However, when I delete the background it automatically changes the background to a solid black.
The effect i'm looking for is more something of the effect of a PNG in photoshop - no background so that when it is imported into a movie, the lips with be free standing over other footage so that the oner footage will be shown behind the moving image of the lips..
I have looked at multiple tutorials and threads and found nothing that helps with my problem - if there is one, I apologise, I have just spent so long looking and thought here was the best place to come.
If anyone can give me any advice it would be very greatly appreciated - Thankyou!
BJH

First, check to make sure you actually HAVE transparency by doing one of three things: change the comp's background to something other than black, click on the button at the bottom of the comp window to view the alpha channel, or click the button on the bottom of the comp window to reveal the familiar Photoshop checkerboard background.
Next, select a codec that supports alpha channels -- in Quicktime-Land, that would be Animation, PNG or Prores 4444. For FCP, use ProRes if you can.
After that add the comp to the AE Render Queue. In the output module, select RGB+Alpha, Millions (or trillions) Of Colors +, and Straight, i.e. not premultiplied. If you absolutely MUST have audio (I personally have little use for it), check the appropriate check box.
Finally, save the project and hit the render button. DO NOT save the project again after rendering; instead, go file>Revert. That way, if you have one of those Homer Simpson "DOH!" moments where you realize you made a mistake, you simply delete the rendered file, make corrections, and you're all set to re-render.

How can I return to earlier version of Edge animate?

Since upgrading to Edge Animate 3 CC, I have not been able to work on my project. Is there a way to go back to an earlier version?
I uninstalled and installed an earlier version, but the file will not open, because it says that it was created in a newer version of Edge. Is there a way around this? Can I change something on the files in edge code that will identify the file as being from the earlier version?
I have been able to get any work done on this project since the beginning of Feb.

I was able to download Edge Animate CC 2.0 by logging onto my paid cloud account. Then I opened the edge.js file in Edge code and replaced the part where it identifies the version with...
version: "2.0.1",
minimumCompatibleVersion: "2.0.0",
build: "2.0.1.268"
I had to do this once for the main stage and once for each symbol.
There is a drop down that only shows if you're logged into a paid cloud account, and you can choose to download the older version. It is installed to a new folder, so you can still run the newer version as well.

I've built a header/nav bar, for a website I'm designing, in Edge Animate but when I click on one of the links it opens the URL in the header/nav bar and not the whole web page? How do I fix this so the links open the URL when click on the whole page?

I'm designing the website in Adobe Muse, using the .OAM file from Edge Animate. Please help.

Sounds like you may need to set the target url to _parent
See reference: HTML a target Attribute
Darrell

Edge Animate responsive scaling problem

Hello
I am having a terrible time with the responsive scaling from Edge Animate.
When I insert the html into a div in Dreamweaver the scaling works, however any divs below the animation get pushed down (when scaling the page) causing a large and unsightly gap. I have rang Adobe about the problem and I tried a couple of things they said but nothing has worked. The operator was trying to tell me I have a problem with my css. However everything is logically in order. I changed the display from inline to block. When I change the position from static to absolute it simply ignores both the above and below divs, simply displaying over the top of them as though they don't exist. I have used margins and max height for the div with no positive outcome. Can anyone Please help! If I change the px size in the html(in Dreamweaver) to % it creates a scroll bar which is undesirable. I have noted I am not the only person having this problem. If there are some wiz coders out there, can you please try and recreate the scenario to see if it is in fact a problem with EA and DRW and not an era on my behalf because the issue is driving me nuts! Cheers.

sorry no experts here

How do I maintain high resolution of my Publisher file when I convert it to PDF?

How do I maintain the high resolution of my Publisher file when I convert it to PDF (I do not have access to a PostScript printer). Am I correct in understanding that the simple answer would be to convert the .pub file into a .ps file and then save this as a PDF? Which is no use to me because every time I try to convert my Publisher file to PostScript, the process fails because it is looking for connection to a PostScript printer. I need to send a high resolution (minimum 300dpi) PDF version of high resolution MSPublisher files to a commercial printer. And time is running out!

Hi,
The version set information and the tag hierarchy are stored within the catalog. It sounds as though you haven't brought over the catalog from your old computer.
The recommended way to transfer elements from one computer to a new one is to use the Backup catalog to CD, DVD or Hard Drive on your old system and then use Restore catalog from CD, DVD or Hard Drive on your new system. Is this how you did it?
That should have preserved your version sets.
Brian

How to make responsive Edge Animate with elements aligned in the middle?

Hi,
I wanted to create a responsive hero slideshow using Edge Animate. It will have a 100% width and max-height of 500px. However, I wanted that the other elements will stay in the middle of the slideshow and not be anchors to either corners - as what is selectable in Animate.
My aim to to achieve something similar to Slider Revolution Responsive jQuery Plugin » Slider Revolution Responsive WordPress Plugin Slider Revolution.
Anyone have any idea how to go about this? Any help would be appreciated. Thank you.

Hi deltabrux,
Can you share your Edge project files? Are your using EA 2014.1?
Regards
Vinod
Edge Animate Team

Responsive scaling of animation in Edge Animate

I am inserting an animation into a responsive web page. I have gotten the design to scale in either direction (horizontally and vertically) in both Animate and a browser but cannot get the animation to scale in both height and width when the browser window size is just narrowed or the page is served up to a mobile device (tablet or phone.) I created a simple test comparison at this link: http://www.users.cloud9.net/~agoltz/edgeTest/animateTest.html I've embedded the CSS styles in the document so they can be evaluated (be kind...I'm an amateur)
If the browser window is narrowed the animation just gets narrower but doesn't scale vertically. The static image scales in both directions as the width of the window or device narrows. I'm looking for the same behavior with the animation. I hope I'm just missing something (not an unusual occurance) and not that this is a limitation of Animate since Flash is no longer a universal option. Any thoughts? Thanks.

Hi Rodlab2x
Thank you for sharing your tests. Interesting to see comparison between Amazium and Bootstrap. Which is which by the way?
I'm impressed, particularly with the first one (http://www.lab2x.com/pacificdental/) because it almost appears to be scale-to-fit in places. In fact, for a moment, you had me fooled and I thought you'd solved it!
I think you've come up with probably the best possible solution at the moment.
Let me just check that I've understood your site correctly?:
You have 3 versions of the header panel that the site swaps to as the browser size is reduced:
1. The large one. This is an Edge Animate animation and uses all the feature in the 'Resize' lesson - ie. it scales horizontally but the height remains the same.
2. The middle one. This is a smaller Edge Animate animation with the same features as above.
3. The small one. (This is the one that fooled me for a moment!). This may be Edge Animate - BUT it's not an animation at all. It is a still image - and therefore able to scale proportionately
Just a suggestion - you could go further and add some animation to the smallest header. If you only use images, not graphics, then you can achieve scaleable animation. Just try making the graphics png files with transparency. Might help if each layer png is the same width and height as the background image. Only issue is - I don't know if the file size will be prohibitively big.
Cheers

How do I maintain responsive scaling on an edge animate animation when I insert it into dreamweaver?

Similar Messages

Maybe you are looking for