Adobe Community: Message List - centering a composition for iPad

Re: centering a composition for iPad

forums_noreply@adobe.com — Tue, 09 Oct 2012 16:40:53 GMT

Hi, if the Edge stage is a fixed width it will get a margin depending on the screen resolution. Could this be an issue of a 500 pixel stage on a Retina-resolutiuon iPad?

Is your page live somewhere resdesign? I wonder if anyone has come up with a doubling solution for Edge Animations on a Retina display.

Re: centering a composition for iPad

forums_noreply@adobe.com — Tue, 09 Oct 2012 16:12:04 GMT

OK. Your solution

<div id="Stage" class="EDGE-#######" style="margin:0px auto">;

actually works. I am not sure what happened when I checked it first. It is centered but I still have too much background around. Still trying to deal with it.

Now there is a great blog from Chris Gannon about the iPad that is a good tip: Detecting and Responding to iPad Orientation Change in Adobe Edge Animate

http://chrisgannon.wordpress.com/2012/09/03/detecting-and-responding-to-orientation-change -in-adobe-edge-animate/

Re: centering a composition for iPad

forums_noreply@adobe.com — Mon, 01 Oct 2012 16:45:40 GMT

Hi Resdesign,

I think the most direct way would be to do a small edit to the html. You can add a bit of css to the Stage ID and it should center. I did this:

Opened the filename.html from the collected files.

Find the line that starts with div id="Stage" it should look like:

<div id="Stage" class="EDGE-#######">;

change that to:

<div id="Stage" class="EDGE-#######" style="margin:0px auto">;

That centers it horizontally.

If you want to center it horizontally and vertically, I believe bittamer's solution is best.

Re: centering a composition for iPad

forums_noreply@adobe.com — Mon, 01 Oct 2012 15:50:19 GMT

Hi Resdesign, may be this video can help u: http://www.youtube.com/watch?v=ZbW1DTX7K-E

Re: centering a composition for iPad

forums_noreply@adobe.com — Mon, 01 Oct 2012 12:24:23 GMT

Given your stage is 550 x 400 pixels, you could give the stage the following css:

#Stage{

left: 50%;

margin-left: -275px;

margin-top: -200px;

position: absolute !important;

top: 50%;

}

centering a composition for iPad

forums_noreply@adobe.com — Sun, 30 Sep 2012 18:35:48 GMT

I am creating an app for the iPad but it is just for fun and all I want to do is to publish it as a web page that loads centered on the iPad. (No Apple, I do not want to pay for your high fees to deliver a free app!) How can I do that?