How to Create a Dashboard Using Stats, Widgets & Tables in FilamentPHP - FilamentPHP for Beginners
HTML-код
- Опубликовано: 10 июл 2024
- Special thanks to Hostinger for sponsoring this video. Hostinger is an incredible web hosting provider where you can set up shared hosting, cloud hosting, VPS hosting, email hosting, and SSL certificates. Hostinger has made a name for itself due to its fast load times, simplicity, free domains, and powerful servers. Here’s my affiliate link for 10% off: www.hostinger.com/codewithdary
In this tutorial, we will learn how to create a dashboard using widgets, charts, and tables in FilamentPHP. A dashboard is an essential feature in admin panels as it allows us to view relevant information and metrics in one place. We will cover how to create four types of widgets: Stats Overview, Charts, Tables, and Custom Widgets. Additionally, we will explore how to display data in various chart formats, including line and bar charts. Finally, we will learn how to create a table widget and display the latest orders in a table format. By the end of this tutorial, you will have the skills necessary to create an informative and visually appealing dashboard in your FilamentPHP project.
📚 New Udemy Course
If you're looking to level up your Laravel skills? My new course "Mastering Laravel 10 Query Builder, Eloquent & Relationships" is the perfect opportunity. Learn the essential tools and techniques for building robust and scalable web applications with Laravel: www.udemy.com/course/masterin...
💌 Newsletter
Sign up for my free weekly email newsletter: newsletter.codewithdary.com/
🔥 Resources
- Twitter: / codewithdary
- Instagram: / codewithdary
- Blog: blog.codewithdary.com/
- Patreon: www.patreon.com/user?u=30307830
- GitHub: github.com/codewithdary
- TikTok: / codewithdary
⌛Timestamps
00:00 - Introduction
01:19 - Stats Widget
07:29 - Chart Widget
13:14 - Sorting the Dashboard
16:17 - Table Widget
18:50 - Outro
#laravel #filamentphp #hostinger #codewithdary
Lovely video. Awesome explanation.
very good tutorial! hugs from Brazil 🇧🇷
Much love from the Netherlands
your explanation for widget is cool enough
Great :)
If it's feasible, could you kindly consider creating a video series that delves into the practical applications of Filament and Livewire in real-world projects?
After I've created my Livewire series, yes :)
thanks for the video man
No problem!
Thanks for your wonderful tutorials. I am truly learning alot from them. How can i prevent a table in a resource from loading the data until a table filter is triggered
Thanks!
Thank you
Very helpful video
Happy to hear that, thank you ❤️🙏🏽
How to add icons up & down dynamically because descriptionIcon does not support callable function
Can we use infolist as widget?
Thanks in advance
Good explanation bro.
Share how to make custom widget
Thank you 🙏🏽❤️
great content, but can you make a video explaining how to create custom pages with new logic aside of cruds?
That will happen in a later stage!!
Nice series, Dary. But for some reason i don't get any data(lines) on my charts? And Filament puts it in noResource folder, any suggestions?
Do you have any data for it show the charts?
Hi@to ney,how can we implement interactive tab dashboard?
@codewithdary
my charts are not animated. why?
Hi, can you explain how to add table widget inside tabs?
Interesting, I have no idea how! haha
@@codewithdary Nevermind, just learned about filament blade components.
How can I add a headline and a spacer?
A header?
@@codewithdary I mean a headline between the Widgets and some Spaces
how to add a widget to a resource in a specific location
filamentphp.com/docs/2.x/admin/resources/widgets#creating-a-resource-widget
Respect
Thank you