• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Animate CC Composition Inserted in Dreamweaver NOT Responsive

New Here ,
Dec 05, 2016 Dec 05, 2016

Copy link to clipboard

Copied

I realize there have been other threads about this, and I've read countless articles here and elsewhere.  None seem to answer the basic question.

I'm using the latest versions of Animate and Dreamweaver CC 2017 on a Windows 10/64-bit machine. According to the product advertising and documentation, it's possible to make the output responsive, but in actual practice, this seems essentially impossible.

I created an HTML5 canvas project in Animate CC.  The Publish Settings are set to "Make Responsive: "Both":

animate_publish_settings_01.png animate_publish_settings_02.png

In Dreamweaver, I insert the composition via "Insert > HTML > Animated Composition":

animate_publish_settings_03.png

Copacetic so far.  Incidentally, the website in question is a Dreamweaver Bootstrap site, using "container-fluid" wrapper.  However, when I view the HTML file in a browser (the latest version of Chrome in this case), the animation is not responsive:

animate_publish_settings_04.png

If I change the <object> tag's width="" value to 100%, the animation becomes fully responsive.  However, on scaling of the browser viewport, unwanted spacing appears below the animation.  I do not have any CSS height value applied to the containing <div>.  Apparently, the <object> (but not the animation itself) still follows the "height" value of the <object> tag.  This is obviously NFG:

animate_publish_settings_05.png

If I set the <object> tag height="" value to anything other than a "hard" value (e.g., "100%", "auto"), then the entire animation shrinks to a tiny size, also NFG:

animate_publish_settings_06.png

I've also tried "Make Responsive: "By Width" and "By Height", without success. I'll admit that perhaps it's some boneheaded thing I'm missing here, but I have to ask, Adobe, what $#%@ing good is in app that makes it so absurdly difficult for an experienced web designer to insert an animation into a web page and have it display with some degree of precision and predictability?  It's almost 2020, for Christ's sake.  It shouldn't be this hard.

Anyone smarter than me who has a solution will be highly appreciated and effusively praised.  Thanks in advance.

Charles

Views

670

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 30, 2017 Mar 30, 2017

Copy link to clipboard

Copied

LATEST

Hey,

I have the same stupid problem.

Adobe says that you should insert an animated file OAM and the animation will be responsive when you insert it using DREAMWEAVER.

that does not happen!!

IT IS NOT RESPONSIVE!!!!!!

it puts the animation in an object tag, I added this topic months ago and nobody, nobody answer it.

So what I suggest you to do is:

DO NOT INSERT THE ANIMATION USING DREAMWEAVER TOOLS

You will have to copy and paste the animation from the published html file that adobe animate creates.

what you have to do is deal with the links for the scripts

that will work. What I would do is I would publish the html file from animate in the same directory or folder where your webpage containing the animation is going to be. In that way you just have to cut and paste the code.

tell me how it goes, I was so frustrated with this.

this is the link of the crap, that doesnt work Adobe!!!!! you guys are really going down the tubes :

Import animated compositions into Dreamweaver

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines