polymer-flex-layout makes its parent a flexbox. Try this:
<template>
<polymer-flex-layout isContainer vertical></polymer-flex-layout>
<header>
Header
</header>
<polymer-ui-animated-pages selected="{{page}}" flex>
// etc..
</template>
On Tue, Jan 14, 2014 at 3:18 PM, <[email protected]> wrote:
> I am having trouble making a flex layout, and wondered if someone could
> tell me what I am doing wrong, or if this is even what flex-layout is for.
>
> I have this code <https://gist.github.com/konsumer/8427311> loaded in my
> app:
>
> <polymer-element name="s-app">
> <link rel="import"
> href="../bower_components/polymer-ui-tabs/polymer-ui-tabs.html">
> <link rel="import"
> href="../bower_components/polymer-ui-animated-pages/polymer-ui-animated-pages.html">
> <link rel="import"
> href="../bower_components/polymer-flex-layout/polymer-flex-layout.html">
>
> <template>
> <polymer-flex-layout isContainer vertical>
> <header>
> Header
> </header>
>
> <polymer-ui-animated-pages selected="{{page}}" flex>
> <div>Page One</div>
> <div>Page Two</div>
> <div>Page Three</div>
> </polymer-ui-animated-pages>
> <polymer-ui-tabs selected="{{page}}">
> <span>One</span>
> <span>Two</span>
> <span>Three</span>
> </polymer-ui-tabs>
> </polymer-flex-layout>
> </template>
> <script>
> //switch page on tab
> Polymer('s-app', {page:0});
> </script>
> </polymer-element>
>
>
> The tab-switching works great, but layout is not right. What I am hoping
> to do is this (where each drawing is full-height of browser window):
>
>
> <https://lh5.googleusercontent.com/-aQQMywjjJWw/UtXEr5PwtLI/AAAAAAAAB8Q/aqSNmPr8Uss/s1600/polymer-flex-layout.png>
>
>
>
> Follow Polymer on Google+: plus.google.com/107187849809354688692
> ---
> You received this message because you are subscribed to the Google Groups
> "Polymer" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> For more options, visit https://groups.google.com/groups/opt_out.
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
