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.
