Thanks a lot. A this is what i like the most about this build. No Material, just plain SCSS! Could you explain, I would love it more when you speak and explain a bit.
Hey Angularistic team, Can you tell me, which versions of Angularjs, Nodejs, typescript, rxjs is used here in this application. It will be helpful for us. Thanks. Suresh
Hello, when clicking on the first button to expand the menu, the body element does not move to the right. ngOnInit(): void { this.screenWidth = window.innerWidth; } I have reviewed all the code and it is the same as yours, it is the only thing I am missing. Can you help me? I'm using Angular 16.0.2. Will it be because of the Angular version?
@@salonimalkani2934 No, I haven't been able to fix the problem yet. I think it has to do with the variable this.screenWidth which, even though it changes its value, this value doesn't get passed to body.component, as if the interface between components is failing in some way.
For the people who click on the sidenav and the body content doesnt go to the right ( the sidenav hides the content) just do like the video and try emptying the browser's cache, for me it worked on private navigation, but didn't work on normal until i cleared it. hope it helps
very good, amazing, my friend, I want to use bootstrap in the project and modal componet, but when installing and using the compoment it doesn't cover all screens, refactoring the code, it's due to the fixed position of the sidenav menu, if you change this attribute it breaks the structure, how do I solve it?
Hello sir thanks for sharing this tutorial. i got some problem sir, when i resize the form, the navbar cannot automatically display like above video example. the text keep in selected styleClass and only change if i click refresh browser button.
Everything is working good. Except that on click on the component, the icon is barely visible and the size is small as compared to in the video. The styling is same no error but still getting this. Anyone faces this??
I speak Spanish, but a few weeks ago I went through the same thing, I think my solution was this getBodyClass(): string { let classStyle = ''; if(this.collapsed && this.screenWidth > 768) { styleClass = 'trimmed-body'; } else if(this.collapsed && this.screenWidth 0) { styleClass = 'body-md-screen'; } return style class; }
For people facing issue with the nav bar not being expanding just set the .sidenav class width to 5rem :) hope it helps
30 min solving this issue
Something different than using angular material. Thanks👍👍
Thanks a lot. A this is what i like the most about this build. No Material, just plain SCSS!
Could you explain, I would love it more when you speak and explain a bit.
Hey Angularistic team,
Can you tell me, which versions of Angularjs, Nodejs, typescript, rxjs is used here in this application.
It will be helpful for us.
Thanks.
Suresh
Hello, when clicking on the first button to expand the menu, the body element does not move to the right.
ngOnInit(): void {
this.screenWidth = window.innerWidth;
}
I have reviewed all the code and it is the same as yours, it is the only thing I am missing. Can you help me? I'm using Angular 16.0.2. Will it be because of the Angular version?
same problem with me...did you got the solution??please let me know
@@salonimalkani2934 No, I haven't been able to fix the problem yet. I think it has to do with the variable this.screenWidth which, even though it changes its value, this value doesn't get passed to body.component, as if the interface between components is failing in some way.
@@LatinosHablandoInglés okay no issues thanks fir replying
Make sure in app.component.html @18.30 the code should be inside the closing tag of .
@@kishoret1411 thanks brother
For the people who click on the sidenav and the body content doesnt go to the right ( the sidenav hides the content) just do like the video and try emptying the browser's cache, for me it worked on private navigation, but didn't work on normal until i cleared it. hope it helps
i'm having same problem and can't fix it
Looks super sleek! Thank you!
very good, amazing, my friend, I want to use bootstrap in the project and modal componet, but when installing and using the compoment it doesn't cover all screens, refactoring the code, it's due to the fixed position of the sidenav menu, if you change this attribute it breaks the structure, how do I solve it?
Hello sir thanks for sharing this tutorial.
i got some problem sir, when i resize the form, the navbar cannot automatically display like above video example. the text keep in selected styleClass and only change if i click refresh browser button.
Everything is working good. Except that on click on the component, the icon is barely visible and the size is small as compared to in the video.
The styling is same no error but still getting this.
Anyone faces this??
thank you, it very cool for me, i like slide animation
When I do click on button "A" to expand, the button reduce own size for a moment, then back to the normal size
Good morning! Are you using 'standalone' in this project?
Hey I dont, know why but when I open dashboard sidenav bar disappears.
Are there any way to convert sidenav bar into header bar when resize the screen?
hey bro , great job !! a question , How can I make the navigation bar allow opening links from external pages?
i just got it, thanks
Is there no sound, or is it my pc? There does not have to be sound, but just wandering.
Can you enable routing for these somehow so data on different tabs is loaded dynamically when adding/editing/deleting (from the database)?
yes i added crud table for sidenav links which will add edit delete export data by using spring boot backend
Can we use this with CSS? Because I use CSS, not SCSS
My page doesn't move the element to the left when I click, is there a css problem? I'm using ngOnInit and it's not working
same
@@saradhieb9640 same problem if you have solution show me
@@youssefhasbi1 yes you just need to update the width of .sidenav element and reduce it ( try different width until you get the width you want )
I speak Spanish, but a few weeks ago I went through the same thing, I think my solution was this
getBodyClass(): string {
let classStyle = '';
if(this.collapsed && this.screenWidth > 768)
{
styleClass = 'trimmed-body';
}
else if(this.collapsed && this.screenWidth 0)
{
styleClass = 'body-md-screen';
}
return style class;
}
@@danielgoful Hola, pero no entiendo cual fue tu solución, me ayudas?
hello i wanna ask it'is possible to update to angular 17 ?
where did u get screen width
Angular material used or bootstrap
great layout bro!! thank you
is it normal to a component to every button like you did? or its better to create just one and use it for every sidebar button?
better to have component for each
why?
@@fabiobrizzi1738
my response in navbar is not working. need source code
thanks a lot! I hope it works for me.
You are a genius! thanks!
Guys, Use Angular version 16 or lower to work with this tutorial smoothly.
The icons don't appear can someone help me?
how to get other icons name
What theme for vscode is used in the video?
Night Owl
Thanks! 🥰@@angularistic
Someone got the error with OnInit, the dashboard does not run for me when the sidenav is opened
Same happened with me
hey can you help me with one thing??plzzz
Almost broke my headphones out of frustration. bs.
hi, can u share github repo
thank you!
thats great :)
Nice content
left the full code please
Muchas gracias!! lo logré
Felicitaciones, amigo, cuando haces clic en el botón principal empuja a la derecha el contenido principal?, te funciona esa parte?
Amigo, que version de Angular estas usando, a mi no me esta funcionando lo del router-outlet en body
Much better
source code link ?
Hi need Help
che culey no lo pasas
In body component: getBodyClass() is being call ayyyyyyyyyyy lot of times, it will really be nasty for performance.
have any option for that sir?