OAM file not responsive in dreamweaver 2020

Report · Sep 06, 2020

Hi

I made an OAM file in adobe animate 2020 (html5).

When I put this in dreamweaver it is not reponsive.

Can you tell me how to solve this

Usha

Report · Sep 06, 2020

Did you create a responsive layout for your animation project?

Can you upload your HTML page and assets to a public facing web server so see can see it in our browsers?

That's the quickest way to get help here.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Sep 06, 2020

Dear Nancy,

It is a responsive website.

You can see that the rest is responsive, only the animation is not

you can view it on

reddymed.com/heartbeat/

i am not sure what you mean - Can you upload your HTML page and assets to a public facing web server so see can see it in our browsers?

I have a whole lot of edcational animations more complex that I need to convert to the current OAM format, but I am not able to even make a simple animation responsive

Thanks

Usha

Report · Sep 06, 2020

Your animation doesn't appear to be responsive both ways.

See if this helps.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Sep 06, 2020

Dear Nancy,

The link you sent me is for Adobe Animate. In adobe Animate my animation scales as predicted.

However the problem is when I put it in my webpage via dreamweaver it does not.

Inside dreamweaver it quits being responsive.

Can you direct me to a instructions what I have to do to make it responsive

thanks

below is the code I used in dreamweaver

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Light Theme</title>
<link href="css/simpleGridTemplate.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Main Container -->
<div class="container"> 
  <!-- Header -->
  <header class="header">
    <h4 class="logo">HEART</h4>
  </header>
	
	
	
 <!-- movie Section -->
	
  <section class="movie">
    <object id="EdgeID" type="text/html" width="1020" height="1020" data-dw-widget="Edge" data="animation_assets/heartbeat/Assets/heartbeat.html">
    </object>
  </section>
	
	
    
  <!-- Footer Section -->
  <footer id="contact">
    <p class="hero_header">GET IN TOUCH WITH ME</p>
    <div class="button">EMAIL ME </div>
  </footer>
  <!-- Copyrights Section -->
  <div class="copyright">&copy;2019 - <strong>GRID</strong></div>
</div>
<!-- Main Container Ends -->
</body>
</html>

usha

Report · Sep 06, 2020

Dear Nancy,

I figured out.

It will work if make your website with bootstrap.

Thanks

Usha

Report · Sep 07, 2020

Yes, you must use a responsive layout.

Bootstrap is responsive to fit all devices.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Adobe Community

OAM file not responsive in dreamweaver 2020