Highlighted

OAM file not responsive in dreamweaver 2020

Community Beginner ,
Sep 06, 2020

Copy link to clipboard

Copied

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

Views

97

Likes

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

OAM file not responsive in dreamweaver 2020

Community Beginner ,
Sep 06, 2020

Copy link to clipboard

Copied

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

Views

98

Likes

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
Sep 06, 2020 0
Adobe Community Professional ,
Sep 06, 2020

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

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
Reply
Loading...
Sep 06, 2020 0
Community Beginner ,
Sep 06, 2020

Copy link to clipboard

Copied

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

Likes

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
Reply
Loading...
Sep 06, 2020 0
Adobe Community Professional ,
Sep 06, 2020

Copy link to clipboard

Copied

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

See if this helps.

 

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

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
Reply
Loading...
Sep 06, 2020 0
Community Beginner ,
Sep 06, 2020

Copy link to clipboard

Copied

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

Likes

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
Reply
Loading...
Sep 06, 2020 0
Community Beginner ,
Sep 06, 2020

Copy link to clipboard

Copied

Dear Nancy,

I figured out.

It will work if make your website with bootstrap.

Thanks

Usha

Likes

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
Reply
Loading...
Sep 06, 2020 1
Adobe Community Professional ,
Sep 07, 2020

Copy link to clipboard

Copied

Yes, you must use a responsive layout. 

Bootstrap is responsive to fit all devices.

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

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
Reply
Loading...
Sep 07, 2020 0