OAM <Object> from Animate to Dreamweaver Responsive but leaves a big gap

Forum|Forum|5 years ago
March 6, 2021
1 reply
378 views

I have an issue with an OAM animation I created in Adobe Animate CC and placed on a web page using Dreamweaver and html5. The animation scales very nicely between lg-xs screens but as the screen size dips below 1200 wide (lg to md) you see the gap betweeb the animation <object> and the next element grow substantially larger. You can simulate this easily in Dreqmweaver using live mode and scaling the page size. The web page looks great on my PC full screen but on the android phone the gap between these elements is half the screen. I have seen a few writings about this issue on other media sites but none with clear answers.

This topic has been closed for replies.

BenPleysier

Community Expert

Please supply the link o the page.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

A

andrewandterryAuthor

Participating Frequently

Thanks for taking an interest. You can see this issue at https://andrewandterry.net

The first element on the page is the animated OAM <object> followed by a bootstrap navbar.

Just below is another animated OAM which is much smaller but has the same responsive issue,

BenPleysier

Community Expert

I did get the <iframe> to work but it has the same issue as the object tag - it leaves a big gap between the animation and the next element.

https://andrewandterry.net/TestingObjects.html

Perhaps I should pursue this with the Adobe Animate CC folks. I really like using Animate CC but I might have to publish to a different format.

Terry

It was a long time ago that I was forced, by my client, to include animations. He had made these himself.

What I can remember is that the animation HTML file already showed a responsive image as shown by these screen shots.

It should not be too difficult to transfer that to your page. Sorry, I cannot remember how I did it, only that I used an iframe.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded