This video is outdated today. Follow the official guide and it will work. I got a bit confused by their step by step. But combining it with what Max said here it actually made more sense even though the implmentation API is obsolete.
Couldn't have been explained any better. Thanks a lot for all your wonderful tutorials on MEAN stack technologies. Keep it going, help us learn. Danke ;)
Great! Just what I was looking at learning for my Angular projects. Looking forward to your Angular Udemy courses after I finish with the VueJs ofcourse. Thank you!
This is really useful. Is there a way I could make another category other than primary accent or warn, that I'd use just for a specific kind of element? I want to turn a slider green when enabled and red when not.
Hi Max, thanks for the tutorial. I got this failed to compile error. Can you help me troubleshoot? Also how do I add custom hex code that are not part of the material color palette? ERROR in ./src/eors-theme.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/eors-theme.scss) Module build failed: $color: map-get($palette, $hue); ^ Argument `$map` of `map-get($map, $key)` must be a map in /Users/tadineemarsili/Documents/WO24-EORs/Prototype UI/EORS/node_modules/@angular/material/_theming.scss (line 1271, column 11)
Thank you for your comment! At the moment, this is the last video of this series but I might create more Angular Material videos in the future. In case you want to dive deeper, I also got an entire Angular Material course on Udemy: www.udemy.com/angular-full-app-with-angular-material-angularfire-ngrx/?couponCode=ACAD_M
Hi Max, thanks for these tutorials. Are awesome. I have an issue with VS code and material in the way that the VS code doesn't recognize the mat- tags. All my mat tags are underlined in red. Compiling the app is ok and it works. The app was generated using dotnet 2.1 template and updated to angular 6. Do you have any ideea how can I make VS Code recognize the mat- tags? Thanks
Can you please make a video on material data table fetching Data from HTTP POST method , I'm using Material 11.2.4. Would be a great help and I can finish my project if I got this clear.❤️ Waiting for ur reply..
Those are not specific to the Material themes. I would just add it in the component's styles or maybe the root styles.(s)css file if you need it application-wide
I really appreciate your video tutorials. It would be great if you could do one on angular portals and portal hosts. I am stuck with an implementation of them 🙏🏽
I got a section in my "Angular - The Complete Guide" on Udemy. I won't rule out covering it here on TH-cam, too but I got too many ideas and too little time ;). I'll try my best though
Hey Max, I really like the videos so far. But generalizing that Boostrap basically just provides classes for styling is incorrect. Boostrap provides an amazing scaffolding frame-work, screen-reader, mobile-first, and styling. But, thanks again you've helped me better understand and how implement a Custom Theme.
Thanks a lot for your great feedback Moe! I'm German yes, but I think during school/university and also by creating all these tutorial videos you kind of get used to speaking English :)
Cool! From myself I want to say that you are great at teaching! This is a talent that not everyone has. ) I wish you success in the continuation of your business!
Hi Max, is it possible to have bootstrap theming which changes depending on the material theming? in other words, I need the bootstrap colors to change dynamically whenever i change the material theme.
![[LIVE] : ONE ลุมพินี 83 วันนี้!! คู่เอก "พันฤทธิ์ vs ซุปเปอร์บอล วันของโอม MBK"](http://i.ytimg.com/vi/1b4pkKHa_Fk/mqdefault.jpg)
This video is outdated today.
Follow the official guide and it will work. I got a bit confused by their step by step. But combining it with what Max said here it actually made more sense even though the implmentation API is obsolete.
is there any good tutorial? i need to change the default colors . Angular 15
A short, concise and easy-to-follow tutorial. Gotta admit, this one saved me at work, again :) Thank you for posting these!
Very happy to read that, thanks so much for sharing this!
Thanks for the quality MATERIAL.
I'll see myself out
Simply great introduction to theming in Angular Material
Greetings from Brazil, just want to say thank you for this content and good luck on doing the great job!
Thank YOU for your comment Marcos, greetings from Germany :)
Max - You are the man. Once again you have taken that crappy online documentation and made it actually make sense to me. Thank YOU! :)
Awesome to read that Haakon, thanks a lot!
Couldn't have been explained any better. Thanks a lot for all your wonderful tutorials on MEAN stack technologies. Keep it going, help us learn. Danke ;)
Thank you for your absolutely fantastic feedback, I'll try my best to keep it going :)
Thank you, your explanation was way better that the one available in the documentation. I will subscribe.
Awesome to read that Jaime, thank you for your support and welcome on board :)
You are very very good at explaining tech; respect good sir!
Hi sir, can you please upload one tutorial for creating a dark theme switcher with angular material? :3 will be so helpful
This tutorial is PERFECT! Thanks
Great video. Thank you!
Yes but what happens if i don't want to use those palettes ? How should i include my own palette ?
Very well explained. Thanks for sharing.
Thank you so much! The documentation was confusing to me.
Well explained 👏 Thank you😊
Great material, once again.
Than you Max.
Is there an upgraded video? What you are showing is what is different in the Angular Material documentation.
As always this guy rocks !!!!
Thanks for your help. Here in Brazil, the videos is very old, and theach in angularJS, old versions...
This is fantastic thank you 🙏 Max.
Very good material to learn material =D Thanks man
Awesome to read that Marcus, thank you!
for more recent versions of angular, is it still possible to do it with Scss or we need to use sass?
Hey Max, this tutorial is useful as always.Thx!
Thanks a lot for your wonderful feedback Stan!
Great! Just what I was looking at learning for my Angular projects. Looking forward to your Angular Udemy courses after I finish with the VueJs ofcourse. Thank you!
Thanks a lot for your comment and for your support here and on Udemy! Happy to read that you enjoy my videos :)
Excellent introduction. Thanks a bunch.
This work too if a choose costum for the prebuild theme?
Thanks Max, Great tutorial - cheers !!!
Is it possible to make another video? Because I think they updated the documentation and this video is kind of obsolete.
Man I love this guy!
Thanks so much Yusuf!
Thanks! Really clear explanations!
Really great to read that Daniel, thanks so much!
you still have the styles.css file. Is it empty? Do you use that alongside this theme?
why you are so awesome in teaching??????????//////
Hi sir max. Can you add server side pagination to the table using firebase?
This is really useful. Is there a way I could make another category other than primary accent or warn, that I'd use just for a specific kind of element? I want to turn a slider green when enabled and red when not.
i love you and thank you!
Danke für das tolle Tuto
Danke DIR für deinen super Kommentar Emmanuel!
Thank you very much, this made it clear to me.
That's really great to read, thank you very much for sharing this!
Hi Max,
I've a doubt in adding $my-theme-accesnt, Why we need to add A200, A100 and A400 ?
Is there any specific order to specify these ?
Thanks
Default, light, dark
Can someone help me? I want to adhere to a theme in scss. Is it possible to just assign a background color referencing the theme?
How is the configuration when we want the theme to be dark how to change the background and foreground ?
Cesar Vega you should use mat-dark-theme function instead of mat-light-theme
Thanks, man. You are the best :)
YOU are the best, thanks a lot for your support!
Hi Max, is it possible to maintain margin and padding or custom classes based on a particular theme?
hey.thanks you for your tutorials..can you make a dynamic slider that gets images from the database ..using php
Thanks a lot
Hi Max, thanks for the tutorial. I got this failed to compile error. Can you help me troubleshoot? Also how do I add custom hex code that are not part of the material color palette?
ERROR in ./src/eors-theme.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/eors-theme.scss)
Module build failed:
$color: map-get($palette, $hue);
^
Argument `$map` of `map-get($map, $key)` must be a map
in /Users/tadineemarsili/Documents/WO24-EORs/Prototype UI/EORS/node_modules/@angular/material/_theming.scss (line 1271, column 11)
Hey Max!
Thank you for this course.
Are you going to continue lessons with angular material, or this is the last one?
Thank you for your comment! At the moment, this is the last video of this series but I might create more Angular Material videos in the future. In case you want to dive deeper, I also got an entire Angular Material course on Udemy: www.udemy.com/angular-full-app-with-angular-material-angularfire-ngrx/?couponCode=ACAD_M
Thanks
How to change the theme? How to make it interactive with the UI?
Sir how to laod .scss file dynamically I am looking for toggle type thing for styles by just toggling I must be able to change scss file refrence
Thanks man!!!!!!!!
Awesome thanks
Hi Max, thanks for these tutorials. Are awesome. I have an issue with VS code and material in the way that the VS code doesn't recognize the mat- tags. All my mat tags are underlined in red. Compiling the app is ok and it works. The app was generated using dotnet 2.1 template and updated to angular 6. Do you have any ideea how can I make VS Code recognize the mat- tags?
Thanks
Can you please make a video on material data table fetching Data from HTTP POST method , I'm using Material 11.2.4.
Would be a great help and I can finish my project if I got this clear.❤️ Waiting for ur reply..
Hey Max, Angular CLI won't compile my scss file and won't recognize it. What could I be doing wrong? I can share files and such if needed.
Herr Max, do you plan on making any React tutorials with Material-UI compononents? Thanks.
Not at the moment to be honest, but I'll put it on the "potential topics" list, so thanks a lot for the suggestion!
for some reason, angular is still using the deeppurple-amber theme from before even though i don't have it specified in my document. any suggestions?
How do i find typographies (fonts) in _theming.scss?
Can I customize more than just colors? What about font? ;)
Those are not specific to the Material themes. I would just add it in the component's styles or maybe the root styles.(s)css file if you need it application-wide
For backgroung and foreground it's not working
what if I don't want a material color? I just want a different color but It just fails to compile..
awesome tutorial, let me ask you a question, is there any simpler way to get a sass value from typescript ?
You can't really access your sass variables from within typescript, that's not possible to my knowledge
thanks!
can we do it with css?
I really appreciate your video tutorials. It would be great if you could do one on angular portals and portal hosts. I am stuck with an implementation of them 🙏🏽
Thank you!
hey max , can you explain fxLayout with fully Custom
Hey, Maxx. Can you show how to do a gloxal themes scss file? I need a reference to the color variables in my components. :/
an update for material 15?
Muito bom!!! Great man.
Great tutorial! Yery helpful! Could you maybe also do a video on angular theming with the less style-framework? This would be awesome
Nice video sir
Please make a video on Angular Universal.
Thanks
I got a section in my "Angular - The Complete Guide" on Udemy. I won't rule out covering it here on TH-cam, too but I got too many ideas and too little time ;). I'll try my best though
Hey Max, I really like the videos so far. But generalizing that Boostrap basically just provides classes for styling is incorrect. Boostrap provides an amazing scaffolding frame-work, screen-reader, mobile-first, and styling. But, thanks again you've helped me better understand and how implement a Custom Theme.
is there one like this for React?
youre using the same d#mned colors!
what is the accent color?
what is that
" M " warning shown?
You mean in the explorer window in Visual Studio Code? M = the file has been modified, U = the file is untracked (i.e. it has no version tracking).
@@mgerry1992 Yes . Got it
Thanks a lot ☺️
Большое спасибо
Hi, Max! I've always wanted to ask you, where did you get such good English? You're German, right?
Thanks a lot for your great feedback Moe! I'm German yes, but I think during school/university and also by creating all these tutorial videos you kind of get used to speaking English :)
Cool! From myself I want to say that you are great at teaching! This is a talent that not everyone has. )
I wish you success in the continuation of your business!
I would run an even longer advertisement at the beginning ...
psst... where you find all these info, you seems to know more then google themselves.
Great
grait, thnx))
Just noticed after royal wedding that you look like Prince
Yeah, after being married now I felt like it's the right time to release the next video of this playlist :D
Hi Max, is it possible to have bootstrap theming which changes depending on the material theming? in other words, I need the bootstrap colors to change dynamically whenever i change the material theme.
Thanks