Paper-menu with icons with sub-menu

[Ruslan Zhunusov]

What is correct way to make sidemenu with paper-menu with list of items that use icons on the left.

<paper-menu>
<paper-submenu>
 <paper-icon-item>
 <iron-icon icon="inbox" item-icon></iron-icon>
 Inbox
 </paper-icon-item>
 <paper-menu class="menu-content">
 <paper-icon-item>
 <iron-icon icon="inbox" item-icon></iron-icon>
Submenu 1
 </paper-icon-item>
<paper-icon-item>
<iron-icon icon="inbox" item-icon></iron-icon>
Submenu 2
</paper-icon-item>
<paper-icon-item>
<iron-icon icon="inbox" item-icon></iron-icon>
Submenu 3
</paper-icon-item>
 </paper-menu>
 </paper-submenu>
<paper-icon-item>
<iron-icon icon="inbox" item-icon></iron-icon>
Second menu
</paper-icon-item>
</paper-menu>

Not working.

[Karl Tiedt]

Can you be more specific on what what isn't working? Or maybe provide a JSbin? As this stands, it sounds like you are expecting menus to open to the side of the parent menu and that isn't how paper-menu/submenu work...

-Karl Tiedt

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/dec6e8e2-d10d-4d84-a17d-89c954e134a2%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Ruslan Zhunusov]

I'm not expecting it to open on the side of the parent element. Where do you see that?

Can you show how it is done correctly then. Simple
paper-menu sidemenu with submenu with icons on the left of each menu item.

[Ruslan Zhunusov]

So no one can answer this simplest question?

How to make sidemenu (which have icons) with submenu (which have icons).

[Karl Tiedt]

Well without you answering questions more completely or with more meaningful answers, this is the best I can do for you, here is the PSK with a menu and icons... no submenu, but they work the same...

https://polymerelements.github.io/polymer-starter-kit/

Seriously though, a little bit of effort in explaining exactly what you are looking for more clearly, particularly with *functional* examples in a JSbin or Plnkr will go a lot farther than your previous emails.

-Karl Tiedt

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/1a90329e-e49f-418e-bd68-5e38a0c0264f%40googlegroups.com.

[Ruslan Zhunusov]

This is simple question.

I didn't ask for menu without submenu. 

But menu(with icons) with submenu(with icons)

[Karl Tiedt]

Well then the link answers your question, menu and submenu apply the icons the same way. You can find the code for that in the github repo associated with the demo.

-Karl Tiedt

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/109294ab-a5f3-46a3-a7d4-0422b024cd35%40googlegroups.com.

[Ruslan Zhunusov]

No its not unfortunately.

[Karl Tiedt]

By all means, prove me wrong with a functional example and I will happily help adjust it into a working state. Here is a JSbin template to start from: http://jsbin.com/tedecinuhu/1/edit?html,console

-Karl Tiedt

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/c20befe4-2b7c-42f5-ba11-b666eb585578%40googlegroups.com.

[Ruslan Zhunusov]

Look at my first post.

And if you don't have solution don't answer please.

[Karl Tiedt]

Your first post is an incomplete HTML fragment, which was conveniently captioned "Not working". If you could demonstrate what "Not working" actually is with the requested functional example you probably would have had a lot more targeted answeres by now, however since you wish for an answer soley based on your first email, here you go:

1. Invalid HTML, missing <html> and <body> tag, probably want a <head> in there to where you import the missing items below.
2. not including polyfils (no mention of what browser you are trying this on, so just being thorough)
3. not including polymer.html
4. no web components have been imported
• paper-menu/paper-menu.html
  
• paper-icon-item/paper-icon-item.html
• iron-icon/iron-icon.html
• iron-icons/iron-icons.html

Good luck!

-Karl Tiedt

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/f7d0dfff-be0b-45b9-8f4d-137e46fd676b%40googlegroups.com.

[Ruslan Zhunusov]

Thank you for useless answers.