fa-origin not working in fa-header-footer-layout

[jaypanares]

Hi, currently working on a header footer layout and trying to center "Content" using the following code:

<fa-app id="app" ng-controller="AppController"> <fa-header-footer-layout> <fa-modifier fa-size="[undefined,48]"> <fa-surface fa-background-color="'#009688'"></fa-surface> </fa-modifier> <fa-modifier> <fa-surface fa-background-color="'#f5f5f5'"></fa-surface> <fa-modifier fa-size="[true,true]" fa-origin="[0.5,0.5]" fa-align="[0.5,0.5]"> <fa-surface>Content</fa-surface> </fa-modifier> </fa-modifier> </fa-header-footer-layout> </fa-app>

fa-align seems to work fine but the origin looks to be still on [0,0] when I preview in a browser. Is there something wrong with my code?

Thanks!

[jordanpapaleo]

FA size does not support true sizing. Replace [true, true] to see if it fixes your issue.

Sent from my iPhone

On Mar 18, 2015, at 9:08 PM, jaypanares [email protected] wrote:

Hi, currently working on a header footer layout and trying to center "Content" using the following code:

Content

fa-align seems to work fine but the origin looks to be still on [0,0] when I preview in a browser. Is there something wrong with my code?

Thanks!

—
Reply to this email directly or view it on GitHub.

[jaypanares]

Thanks! Align and origin seems to be working as expected now, but does that mean I won't easily be able to auto-resize based on what the content is?

[jordanpapaleo]

With the flat Dom you will need to be aware of you content size.

Sent from my iPhone

On Mar 18, 2015, at 10:55 PM, jaypanares [email protected] wrote:

Thanks! Align and origin seems to be working as expected now, but does that mean I won't easily be able to auto-resize based on what the content is?

—
Reply to this email directly or view it on GitHub.