Angular Material Customizable Dashboard #2: Adding Customization features!

Pubblicato il: 03 settembre 2024
sul canale di: Zoaib Khan

10,282

189

#angular #dashboard #animation

✨✨ Get the complete code for the Angular Customizable Dashboard here: https://zoaibkhan.com/shop/angular-da...

💡 Live Dashboard Link: https://angular-dashboard-lime.vercel...

Playlist for the Angular sidebar tutorial
   • Youtube style Sidebar with Angular Materia...

📽️ My courses:
https://zoaibkhan.com/courses

✍️My blog for more free Angular posts:
https://zoaibkhan.com/blog

In this second episode, we cover adding customization features to the dashboard - allowing user to resize and reposition widgets in the CSS grid!

Socials:
Twitter -   / zoaibdev
Facebook -   / thisiszoaib
LinkedIn -   / zoaib-khan-b6456815

Sections:
00:00 Introduction to Angular Customizable Dashboard
00:37 Adding the Add Widget Button
02:02 Creating the Widget Menu
05:18 Handling Widget Addition
08:30 Implementing the Options Panel
15:15 Customizing Widget Resizing
18:13 Importing Angular Material Button Toggle
18:32 Setting Up Button Toggle Group
19:34 Customizing Button Toggle Appearance
20:29 Binding Rows and Columns to Widgets
21:07 Implementing Host Binding for Grid Area
22:24 Testing and Updating Widget Properties
25:28 Injecting Dashboard Service
26:58 Adding Resizable Widgets Feature
27:20 Implementing Widget Positioning
29:14 Adding Move Widget Functions
32:51 Testing Widget Positioning
33:21 Upcoming Features and Conclusion

In questa pagina del sito puoi guardare il video online Angular Material Customizable Dashboard #2: Adding Customization features! della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Zoaib Khan 03 settembre 2024, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 10,282 volte e gli è piaciuto 189 spettatori. Buona visione!

308