Angular Material Customizable Dashboard #2: Adding Customization features!

Veröffentlicht am: 03 September 2024
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video Angular Material Customizable Dashboard #2: Adding Customization features! mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Zoaib Khan 03 September 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 10,282 Mal angesehen und es wurde von 189 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

308