i wanted to know is there any chance to make for example a Dropdown and when i click it, it will apear like a dropdown menu.
Inside the dropdown it has to be a navigation bar to chossee what kind of data to display in the dropdown menu.
Related
In a webpage, I have a navbar with dropdown menus. In content section, I have accordions which I wish to link to items in dropdown menus. When I click on an item in the dropdown menu, I want the relevant accordion to be highlighted and open. How can I do that?
I have a WordPress mega menu and only the top level menu items seem to be selectable by tabbing to change the focus. All the sub menu items have tabindex="0" on the link but it seems like if the menu items aren't visible on page load, focus skips over them when the parent elements are visible. Any suggestions?
Looks like the same issue this user experienced:
Change focus to mega menu
I have a page in my Angular application, where i need to have a side menu with toggle like below. When i click the icon, it must toggle.
On the top i have a reach textbox
In Polymer 2 I would like to create an app-toolbar with menu buttons that on-click show a dropdown menu, similar to a classical desktop application. The app-toolbox seems to be a great start for a responsive solution and there are examples for creating toolbars with simple navigation buttons/links.
What I don't find are examples on creating dropdown menus in the toolbar.
My questions:
Which component should I use to show a dropdown menu in the app-toolbar? Maybe iron-dropdown? Is there any example?
What would happen to the dropdown menu when on narrow screens the app-toolbar collapses to the single menu button? Would the drawer that is shown by the menu button allow me to show the dropdown menus?
You could use paper-dropdown-menu, or iron-dropdown or some similar.
But you should pay attention for the iron-overlay-behavior dropdown content max-height.
I created a css dropdown menu so my site will work with iphones. The dropdown is working correctly except for when you hover over a dropdown the sub items in the menu expand but when you hover over them the image on the main dropdown item looses it's color. I have it setup so that a different image is displayed when the mouse is hovering over it. Here is a link to pretty much the same code I have on my website. I just want the image to stay the same whether I am hovering over the main menu item or the subitems. Any help would be much appreciated.
http://jsfiddle.net/h5xZT/5/
To update your code it's simple. That should set you on your way. There is no need to use the "button" within a li item.
http://jsfiddle.net/h5xZT/19/