Questions tagged [sidenav]
122 questions
1
vote
3 answers
How can I make a dropdown close automatically if an other one is clicked?
In the HTML included, there are 3 dropdown buttons with 3 "links" each. How can I close all other dropdowns when one of them is clicked?
This is my code:
for (i = 0; i < dropdown.length; i++) {
dropdown[i].addEventListener("click", function() {
…
foot enjoyer
- 63
- 1
- 1
- 6
1
vote
0 answers
Materialize CSS Fixed SideNav stay open when resize
I am currently using Materialize CSS for sidenav-fixed on ReactJS. I realize that when the webpage is resized, the sidenav is automatically hidden.
Is there any way to show the sidenav even when I resize the webpage?
This is what I'm working for the…
Phuoc Hoang Minh Nguyen
- 33
- 2
- 6
1
vote
0 answers
Bootstrap 4 nav-pills active using include page
I'm working on a internal website for the company I work for and my manager wants me to have the Menu as a jsp include page instead of it being coded into the page like this(which works).
SomeCompany Intranet
Ramiro
- 11
- 3
1
vote
0 answers
SideNav bar into a hamburger
I'm trying to get a sidenav to turn into a hamburger when viewed for example on a smaller device. This is what I currently have and thanks in advance:
KiLLaDeZo
- 11
- 2
1
vote
1 answer
Keeping Side Nav Open to current url Javascript
I've been trying to keep my mySidenav open when a user selects the in mySidenav() which re-directs to a new page. Once the new page loads I have a seperate js file that has a…
Dangeruss
- 29
- 5
1
vote
0 answers
Angular Side Bar with “Half” side mode
I want to set up a left sidenav which will open and close dynamically, exactly like this Angular Material Side Bar with "Half" side mode but in angular js..Is there any suggestion?
Anna Maria
- 21
- 2
1
vote
1 answer
JS - Opening Sub Nav while Closing previously opened Sub-Nav
I'm just starting Javascript and I'm trying to get a sub-menu of a side Nav to preform two functions (open desired sub-menu while closing any currently open sub-menu)
This is the current state of things:
https://jsfiddle.net/dangeruss/r67Lzpnh/5/
I…
Dangeruss
- 29
- 5
1
vote
0 answers
fix sidenav - full length
I want to make a sidenav that is either full length of the screen or that is actually fixed, with only the right side of the screen scrolling. Somehow this is not working and the bar is ending abruptly when the right side's height is larger than…
orcaen7
- 51
- 5
1
vote
2 answers
Two sidenav on one page works only one
I want to have two sidebars on my page one on left side other on right side. But if I put both on one page both buttons work but opens only one side nav. They execute only second JavaScript. What I need is that left side button open left side menu…
Crypcode
- 168
- 3
- 14
1
vote
2 answers
Object is not a function using withRR4() on react-sidenav
I'm trying to use react-sidenav and go off of https://codesandbox.io/s/q9851xoymj to build something.
When I try to use the withRR4() function as is done in that example, I get the following error when I load the page.
Object(...) is not a function…
Chris
- 25
- 5
1
vote
1 answer
Angular 5 Material Multi-level Carousel style SideNav Menu (no dropdown)
I managed to do that in my side with Angular Material, it worked with sub-menus that were deployed with dropdowns, but I'm looking for a way to make them not "Dropdowns", I'm looking for them to be like a kind of transition towards right, Something…
S. A
- 493
- 2
- 6
- 14
1
vote
1 answer
how to create multiple sidenav in angular material?
i have a sidenav in left side, it had multiple menu's. if a menu clicked another sidenav open next to previews sidenav. Angular material have sidenav on left and right position only. It is right thing to add additional sidenavs
example link…
Sahin
- 87
- 1
- 3
- 13
1
vote
1 answer
How do i prevent the Side Navigation to go back when i click on a link with javascript?
How do i prevent the Side Navigation to go back when i click on a link with javascript? Inside the Side Navigation i have Three links some page that are linked to other pages .So whenever i open the Navigation and click the links the side…
burim rexhepi
- 19
- 6
1
vote
0 answers
Angular 5 Material Side Menu Not working in iOS
Angular material SideNav menu is not working in iOS( chrome and safari)
Tested in iOS version 11.2.6 (Iphone 6 and SE)
but working in Android. I have unchecked and installed the following polyfill
import 'web-animations-js';
in ployfills.ts .…
Chiranjit Jasu
- 105
- 9
