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

Similar Messages

Edge animate responsive?

ciao,
ho fatto delle animazioni con edge, ora devo renderle responsive.
sapete come posso fare?
grazie

Hi,
Yes edge animate is responsive.
check this tutorial: http://www.edgedocks.com/content/make-responsive-web-design-edge-animate
http://www.webdesignermag.co.uk/tutorials/create-a-responsive-animation-with-adobe-edge-an imate/
Thanks,
Vikas

Edge Animate trial downloading problem?

Edge Animate trial won't let me download because it says OS 10 doesn't recognize addresses beginning with aam
Am I the only one with this issue?
I tried in three different browsers
Please help
thanks
Message was edited by: jake4653

Hey, Jake-
Looking into it right now! It may be a couple of days until we have an answer for you.
Thanks,
-Elaine

Responsive Edge Animate in a Div

Hi.
Recently i tried a page to test the responsive design, and all went well.
Now I want to place an Edge Animate element (. Oam) in a div, but that only appears on the computer and tablet version,
and the mobile version appears another Edge Animate object, because Edge Animate, just scale my object and the mobile version is unrecognizable
Greetings.

Hi.
Thanks
Well, I know how to insert an Edge Animate object, no problem.
But.
I try to explain. If it can place a different Edge Animate Composition for each resolution (Desktop, Tablet, Mobile).
For example:
Or
Sorry for the inconvenience, and thanks for the help.

Thankyou Adobe for fixing responsive design problem!

Hi just wanted to say thank you to Adobe for addressing the responsive scaling problem in Edge Animate (the one with
pushing lower divs down in Dreamweaver). So thank you! This problem was seriously messing with my head. I am
starting a new site and with the new fix it will be awesome, so thanks

Hi
I hope you have upgraded to the latest captivate version 8.0.1.242. If not please follow the steps mentioned on this post Adobe Captivate Help | Adobe Captivate 8 patch. Make sure to remove layouts and preferences as mentioned in the link.
There is an issue with text in case of multi-hierarchal bullets but apart from that other things should work fine. You might just have to change some position parameters to fix the results. Can you please share the project, so that I can reproduce the issues at my end. My email address is [email protected] . You can send it via email or drop box.
Captivate responsive output works for multiple browsers. Please check the link Tech Specs - eLearning, mobile learning & Training Software | Adobe Captivate 8 for details.
Regards
Tamish

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

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.

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

Edge Animate media queries (not responsive scaling)

Is is possible to use media queries with edge animate? For example, if the screen width is less than 480px then resize the stage from 900x700px to 320x480px? Or add/change properties like float?

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

Responsive edge animate oam in fluid grid

Hi, maybe my question is totally rookie one, but I cannot get the responsive Edge Animate package to do resize smoothly in the fuid grid of Dreamweaver.
Either it is not wide enough or the height does not scale, which results in the footer to be far down.
It probably has to do with the fixed size of the object tag when I insert the oam.
<object id="EdgeID" type="text/html" width="960" height="510" ....
Changing sizes to 100% works fine for width only, the height behaves strange, showing only a small part of the animation in every view.
Is this an issue of oam packages or just my poor knowledge of CSS ?
Attached you find the screenshots:
Thanks a lot for your help!
B.

I came across this problem when recording Adobe Dreamweaver CC: Learn by Video for Adobe Press. The way I handled it was by adding the following block of JavaScript just before the closing </body> tag on the page that contains the Edge Animate object:
<script>
function fixHeight() {
var anim = document.getElementById('EdgeID'),
w = anim.offsetWidth;
anim.style.height = (w * .562) + 'px';
fixHeight();
window.addEventListener('resize', fixHeight, false);
</script>
This gets the width of the animation (the default ID is EdgeID). It then adjusts the height by multiplying the width by 0.562. You will need to fix the scaling ratio in the following line to suit the proportions of your animation:
anim.style.height = (w * .562) + 'px';
I can't remember all the details because it's more than a year ago that I did this. As I recall, Edge Animate generates the correct height for the animation, but it doesn't adjust the height of the <object> element used to display it.

Losing the will to live... is the Edge animate software full of bugs? Non-Responsive %, px, auto... all fail to do much at all.

I've now spent a good 20 hours racking my head and the various settings... and I'm nearly ready to look at Googles HTML5 and web software offerings, which is frustrating since I pay for the Adobe Creative Suite already.
What would I like to do: (I've simplified my overall aim)
Have a non-responve banner, 1200 x 100.
When I scale down my browser window I want one item (i.e. a box) to stay in the centre, even when the rest of the scene has been cut off. (*it does not need to scale)
- I've tried the presets for responsive layout which do nothing when tested in the browser (I'm using Safari, I'll test in others once it works...).
- The scene is set to be centred, which works. The whole scene is centred in the browser.
I've tried setting the Top, Bottom CSS controllers for the object to % which I believe is correct, but still no success...
I've now tried every other variable I can think of with out success using the some what confusing mixture of '%', 'px' and 'auto' settings.
I've also tried the responsive layout presets for a square drawn directly inside of Edge Animate, and an image dropped into the scene, which has more preset options (all of which seem to have little to not effect whether my scene is responsive or not).
Can someone please put me out of my misery and either tell me I'm missing the obvious problem. Or tell me the software is indeed broken at the moment and doesn't like Apple Safari.
And incase your wondering what I want to do... I'm trying to emulate the setup this website has at the top of their website. Where the embedded vimeo player (I've succeeded in doing that in Edge animate... yey) remains centred whilst a foreground layer and background layer change as the browser window is scaled... (they simply get cut off by the browser window scaling, aligned to the left, centre or right they're not responsive...)
http://www.kasradesign.com/
Many thanks for any help
Regards
Jon

And the saga rolls on. BT called me this morning with another update. Openreach still cannot find my address or my BT phone number / line. It will take another 4 working days for Openreach to contact BT with an update. The BT department who are calling me are the 'fast track' team in Blackburn who I'm afraid to say are anything but. He seemed completely indifferent and thought this was completely acceptable. When I challenged him for an explantion of why more delays, he tried to hind behind the "it is not our fault, it is Openreach" excuse. They sent an email to Openreach last Wednesday 25 July, they received an automated reply on Friday night so too late to do anything until today, and the reply that came back is there is a fault with my address / phone number that they need to fix, which is what I was told last week, and apparently BT cannot phone Openreach, it all has to be done by email. Unbelievable! So the clock starts again from today and the waiting game begins again.

Problems with Edge Animate Animations

Hello There
I am Using CP8 with responsive projects. It appears that no matter what if an edge animate file is imported into a slide it lays on top of everything else and trying to put a caption or an image or anything else on top of it will not work (it shows behind it). also I have a custom pause play button on the slide and it does not work on any slide containing an edge animation. Anyone else found these problems and maybe a solution?

This has always been the case for any animation in CP to be on top. Please
file a feature request. Same for communication between OAM and CP, none
for the moment. You van have transparent background and pause/play button
in OAM, could be a workaround.

Problem with Edge Animate oam file's autoplaying inside Muse

Hi,
I have created a Donut Chart animation in Edge Animate. It has 6 donut charts. Each chart is a symbol with animation inside. Everything looks good in edge animate. But, the problem is the .oam file is not working like I want inside Muse. The scroll effect function of is not working. It autoplays every time, regardless of the scroll settings applied. I am using Edge Animate 2014.1.1 and Muse 2014.3.1. So, it's kind of the latest versions.
I tried several different methods. I found out that the animation works fine in Muse if I don't use any symbol in Edge Animate. Then the scroll function works like a charm. But if I use symbols, then the scroll function stops working. I want to use symbols for a reason. Because, I am making the website as a template to sell and want to include Edge Animate animations in it. Without using the symbols, it will create several objects in one place. And it would be too hard for people, with less knowledge of the program, to edit them.
What should I do now? Please help!
Best Regards

Hello,
Please double click on the symbol and make sure "autoplay " is unchecked in the stage properties. then republish the OAM file and then try.
If the issue still persist please share the compressed project file with us to take a look at it.
Regards
Vivek

Edge Animate's OAM file problem placed in Muse or other unknown problem?? Please help!

Hi,
I need help please. Did anyone do a whole page animation in Edge Animate and place the OAM file into Muse, and somehow all the menu and social media icon buttons in Muse are blocked by the placed animation? All my menu buttons, social media icon buttons and a link are not working (blocked by the transparent AN stage). I can't go to any other pages because of this issue when previewed in browser. My animation is a slide-open page from center of the page to both right and left side, also text moved up to the top. All are moved out of the stage once animation finished to show the home page with contents, including menu and social media icon buttons. Thanks for your help in advance!!
Thanks,
mykw123

That answers why the two G4's talk normally! I do
have the TCP/IP settings set up manually.
Well, if they are already set manually, maybe you should change them to Auto-negotiate. You shouldn't have to use the Manual setting at all. If you so, then someone, usually the people who wrote the driver for the network card, have screwed something up. It then becomes your job to fix it.
The problems are just very slow document/file
transfer from either new to old or old to new
computer over network, which usually is great with
the two G4's.
That is probably the problem. You may want to go ahead and setup the new machine with manual settings to match the G4s. Otherwise, even the Internet will be noticeably slower.
As for Target Disk Mode...so reboot the old G4
holding the T key and the hard drive should show up
on the desktop of the new computer?
That will do it. It is the best and fastest option to transfer large amounts of data. But even target disk mode is kind of slow. A real, external firewire hard drive will be the fastest of all. It is an excellent idea for backups and this kind of thing.

Adobe Edge Animate 2014 Can't Start! -- "d3dx9_43.dll" missing. Multiple re-installs same problem. Help?? :(

This is the Dialogue I am presented after every attempt to launch Adobe Edge Animate CC 2014.
"EdgeAnimate.exe - System Error"
"The program can't start because C:\Program Files (x86)\Adobe\Adobe Edge Animate CC 2014\cef\d3dx9_43.dll is missing from your computer. Try reinstalling the program to fix this problem."
I've re-installed Edge Animate several times now, even restarting computer between installs. For whatever reason, whenever Edge Animate is installed, this particular "d3dx9_43.dll" file will not install along with. What can I do? I use Animate frequently enough that this will become an issue if it cannot resolve soon. Please help.

Hi,
It looks like this problem is related to the OS. Found this through Google
http://answers.microsoft.com/en-us/windows/forum/windows_7-gaming/system-error-the-program -cant-start-because/261e2bb5-2e75-e011-8dfc-68b599b31bf5
http://pcsupport.about.com/od/findbyerrormessage/a/d3dx9_43-dll-not-found-missing-error.ht m
Thanks,
Preran

Edge Animate responsive scaling problem

Similar Messages

Maybe you are looking for