How to create Google material design menu like ?

245 views
Skip to first unread message

curso...@gmail.com

unread,
Jul 10, 2014, 6:12:58 PM7/10/14
to polym...@googlegroups.com
Hi,

How can a create a menu like the website from material design ?
I was able to reproduce the header but I dont know how to show a menu when I click on the button .

This is my html

<body unresolved touch-action="auto">
  <core-scroll-header-panel condenses keepCondensedHeader>

    <core-toolbar class="tall">    
      <core-icon-button icon="menu">

      </core-icon-button>

      <div flex></div>
      <core-icon-button icon="search"></core-icon-button>
      <core-icon-button icon="more-vert"></core-icon-button>
      <core-icon-button icon="info"></core-icon-button>      
      <div class="bottom indent title">My Track</div>      
    </core-toolbar>
    
    <div class="content"> </div>


    
  </core-scroll-header-panel>

I try to put a core-menu inside the core-icon-button but the menu is not show. I know that something is missing but I don´t know what.

Thanks!
Regards
Ignacio

Eric Bidelman

unread,
Jul 10, 2014, 6:16:16 PM7/10/14
to curso...@gmail.com, polymer-dev
core-scaffold should get you the basics. Here's a demo:
http://www.polymer-project.org/components/core-scaffold/demo.html

Instead of core-header-panel, you can swap in core-header-scroll-panel to do the banner scroll effects.


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 polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/7e01d183-2373-4999-8bd0-acba5419c762%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply all
Reply to author
Forward
0 new messages