Animate CC OAM to Dreamweaver/Bootstrap Leaves a gap between elements

New Here ,
Mar 07, 2021 Mar 07, 2021

Copy link to clipboard

Copied

I am new to Animate CC which I really like and makes creating animations quite easy. When I publish an Animate OAM package and place it on a web page using Dreamweaver CC and Bootstrap 4, the animation looks great and is fully responsive from lg to sm screen sizes - but as the screen size gets smaller there is a proportionally larger span of white space between the OAM and whatever element is next. On my cell phone this empty space takes up half the screen,

Here is a good web page example:  https://andrewandterry.net/TestingObjects.html.

In the Animate publish settings I select responsive=both. As you can see from the web page attached I get the same behavior if I wrap the OAM in an <object> tag (default Dreamweaver)  or an <iframe>. I use width = 100% and height = animation pixel width. I have tried several different configurations including wrapping the <object> element in a div class embed responsive item, etc.

Anyone have suggestions?

TOPICS
Code, Publish package

Views

20

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
community guidelines
no replies

Have something to add?

Join the conversation