I dont know what it is called but you can see on this page http://carleypelletier.deviantart.com/gallery/#_browse if you click on a category you'll get a list and if there is a subcategory there will be a > at the end. When clicking this the menu text moves left off the menu and the new categories are in. How do i do this type of menu? i'm open to any libs. It would be nice if i can fill it using json or a config file.
Check this Chinese menu of jQuery drop downs, you are looking for a "drill down style of menu, on the menu you will see a "jQuery iPod-style Drilldown Menu" which is pretty close to what you want, they just used multiple ones.
A working example of one is here
Related
I am using a DHTMLX 3T layout, in which topmost layout(a) has the bootstrap components(Drop down, search box, etc).
When I click on the dropdown, the menu is getting hidden behind the other layout(c) and I am unable to see the menu list. Can you let me know the solution for this problem so that i can see the menu items.
I have tried to set the z-index for the drop down but still unable to resolve the issue.
Your bootstrap menu is attached to the layout cell and designed so that it is not available to show it outside the current container.
You may only try to create your menu outside of the layout cell.
on a wordpress custom theme, I'm using slicknav menu to create a responsive mobile menu.
It works great, so I decide to merge the second menu present on my site (category menu) in the mobile menu.
Using this codePen it's simple and easy, but I'd like to separate the menus in two floating columns, left category and right the global menu.
see image:
I currently can insert a "<hr>" between one menu and the other, using combinedMenu.append("<hr>");, but if I "append" to create the float combinedMenu.append("<div class='col-sm-6'>"); the resulting code is
<li><a>.....</a></li>
<li><a>.....</a></li>
<div class='col-sm-6'></div>
<li><a>.....</a></li>
so it closes the tag itself! GRRRRR
can anyone helps me?
bye, L.
I have a Bootstrap navbar on my site with a collapsed menu that toggles on/off. I would like it so that when a user clicks one of the links in the menu (which is a dropdown, by the way), that active link should jump to the top of the menu. This way they can see a more expanded list of the dropdown items.
Here's a regular Bootstrap navbar. I want that when I click on "Dropdown", bring that active link to the top under "project name".
If I understand what you want to do correctly, from a user interface point of view I would strongly recommend against doing this. This is highly unexpected behaviour for the user who is likely to get confused as to why the thing they just tapped has moved. It could also cause mistakes from people opening the menu, then (since their finger is probably still close to the screen) accidentally clicking one of the menu items and being moved to a new page.
If you are worried about users not being able to see all the items maybe you should consider a different menu interface for your mobile devices such as an off-canvas menu (click the little 'toggle nav' button rather than the hamburner menu to see the off canvas menu). This would give you more space to play with for your menu items.
I want to build a site where i can make some drag and drop elements on my website.
I want it to be something like the wordpress widgets. If the user wants to add another text box to a div area they can just drag it to that catagory and it adds an area to add text to there site.
I would like to to be all drag and drop but if they have to choose from a drop down where they want to send it (like box1 or box2 or box3) and then click a button that says add then that would be fine too.
How do i do this or is there a pre made one i can use?
Thank you for your help!
You can drag and drop items into something like a div. I found some information here: http://www.w3schools.com/html/html5_draganddrop.asp.
I am trying to figure out how to use a filtering js such as isotope inside of a dropdown menu.Let me explain in detail.
I would have a set of Dropdown menus that a user would click through, in the end producing a link that is specific to what they have chosen in the dropdown menus. As the user chooses options in the dropdown menus, I would like some options in the following dropdown menus to either grey out or disappear.
On another note, I would also like to be able to filter a list of links based dropdown menu choices from the user. I was wondering if this is possible?
I am trying to do this with only HTML, CSS, and jQuery. Can someone put me in the right direction?
(hopefully what I've said makes sense...)