Questions tagged [sidenav]
122 questions
1
vote
0 answers
Add/remove active class for SIDENAV
How to add/remove active class for SIDENAV onclick event?
1
vote
2 answers
How to close sidenav on a href click
The navigation works fine but the sidenav should close when a link is clicked.
Because it is a onepage. How can I do that? Can someone help me please.
Code:
function openNav() {
document.getElementById("mySidenav").style.width =…
andy
- 13
- 6
1
vote
0 answers
how to prevent reloading a sidebar that containing router outlet in angular 2?
ngOnInit(): void {
// console.log(this.translate.getLangs())
const elemSidebar = document.querySelector('.app-inner > .sidebar-panel');
const elemContent = document.querySelector('.app-inner >…
fariba.j
- 1,737
- 7
- 23
- 42
1
vote
2 answers
How to autofocus text box within a sidenav
So I'm using a sidenav with a textbox in it, similar to that of this example code from w3schools:
YTZ
- 876
- 11
- 26
1
vote
1 answer
Angular Material: Open mat-sidenav from mat-dialog or @component
I've been searching for quite a while for a solution for this so any help would be great.
I'm using Angular Material 2 and I want to use the .open() method for a mat-sidenav by pressing a button in a mat-dialog or just when the dialog…
Richard
- 41
- 7
1
vote
0 answers
Angularjs md-sidenav left not work
I have test project AngularJS and .net
https://github.com/HelenSPR/TestAngularjsFabricjs
I create sidenav as https://material.angularjs.org/1.1.4/demo/sidenav but my sidenav show as row and not as column, this sidenav don't hide.
What am I doing…
HelenSpr
- 11
- 2
0
votes
0 answers
How to Make SideNav close Outside Click
Im Trying to make this Sidenav Close when You Click outside of it.
var clicked=0; function myFunction() { if (clicked==0) {
document.getElementById("mystart").style.width="333px"; clicked=1; } else…
timbukto
- 1
- 2
0
votes
0 answers
Angular mat-drawer-container height (useless scrollbar)
Certainly a trivial problem for a CSS expert but really infuriating for me.
Here is a stackblitz demo : https://stackblitz.com/edit/ezyirk?file=src%2Fexample%2Fnav-menu.html,src%2Fexample%2Fnav-menu.scss,src%2Fexample%2Fnav-menu.ts
How could I get…
fcjunic
- 1
0
votes
0 answers
Why shouldn't one side of the Tailwind element's component sidenav work?
I use sidenav from tailwind element's components in two places. First is the category sidenav and the second is the cart sidenav. The category bar is on the left side, and when I click on the category button, it works. the cart bar is on the right…
Irakli Qiria
- 11
- 2
0
votes
2 answers
How to create a navigation section that falls from top to bottom?
When I open the navigation by clicking the button, the height of the header-overflow changes because it's in percentage. Also the links inside the header-overflow aren't spaced evenly.
I tried the display: flex; flex-direction: column;…
user21427607
0
votes
0 answers
Sidenav not working window.innerWidth - Angular 16.0.2
I'm using Angular 16.0.2, I try that when I click the start button of my sidenav, it expands to the right, resizing the area. but it does not work
ngOnInit(): void {
this.screenWidth = window.innerWidth;
}
the html file, I just want to know…
ydct
- 25
- 4
0
votes
1 answer
Show/Hide a sidebar menu in a _layout.cshtml file for an ASP.NET Core Web App (ver 6.0)
I have a in my _layout.cshtml file to show/hide a sidebar menu. I use javascript to modify the attributes to either show or hide the sidebar when the button is clicked. Everything works but it is not persistent. That is if the page reloads or the…
duckpower
- 3
- 2
0
votes
0 answers
how to overlay modal over side nav
The modal is hiding behind my sidebar even after giving the modal a greater z-index, I have fixed the position for the sidebar. The popup works perfectly when sidebar is not active in both desktop and responsive view.
I wanted my popup to come over…
jyotsana gaur
- 1
- 1
0
votes
0 answers
window.innerWidth When I run this, the action is not performed
I am making a menu bar but window.innerWidth does not execute the action of collapsing the bar without covering the dashboard, that is, the dashboard is covered by the bar.
I try to collapse the bar together with the dashboard, but the bar covers…
enriquemaestre
- 1
- 1
