How to Customize The Navbar in FilamentPHP - FilamentPHP for Beginners

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 explore the different configurations available for customizing the navigation in FilamentPHP. We will cover topics such as collapsing the sidebar, adding badges for visual indicators, and even adding external links. We will also dive into user menu customization and disabling breadcrumbs. By the end of this tutorial, you will have a comprehensive understanding of how to customize the navigation in FilamentPHP to best suit your needs.
📚 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
00:29 - activeNavigationIcon
01:22 - Badges
03:51 - getNavigationBadgeColor
05:31 - Collapsing the Sidebar
06:42 - External Links
09:52 - Hiding Resources
10:32 - User Navigation Items
12:00 - Disabling Breadcrumbs
12:50 - Outro
#laravel #filamentphp #hostinger #codewithdary

[@Maystro_eg]

May (ALLAH) Bless you for those very will organized precious tutorials, AND give you a lot more than you do for free

[@codewithdary]

Thank you so much brother ❤

[@williandamascenomusic]

This video is pure gold, thanks!

[@bodiothierrymathurinkegba5255]

Thank you so much for your tutorial !

[@codewithdary]

You are welcome!

[@GergelyCsermely]

Thanks, excellent demo!

[@codewithdary]

Thank you so much, Gergely!

[@LileshJadav]

Enjoying this series.
Your teaching style is awesome.
Can’t wait for upcoming episode,
what’s usual timing for new episodes every 3 days?

[@codewithdary]

Usually Monday, Wednesday and Friday but I was gone for the weekend so this week it’s Tuesday, Wednesday and Friday!

[@bodiothierrymathurinkegba5255]

Hi sir, how can we display a calculated field in a filament column ? For exemple, I'd like to display the number of days left before a person's birthday.

[@codewithdary]

I think the best way is using a placeholder column and customizing the text :)

[@theJohnCode]

Thank you so much sir

[@codewithdary]

Thank you for watching

[@Cajorobu]

Is it possible to change the icon of the 'Dashboard' section?

[@HamadAbdulla_7]

Thanks

[@codewithdary]

Thank you for watching

[@vugarkhalil]

Respect❤

[@codewithdary]

Thank you

[@joaopoliceno8844]

Very good.

[@codewithdary]

Many many thanks!! :)

[@cesarherbozo3693]

How can I add custom routes in the app provider if it hasn't loaded yet?

[@yuliarahma1300]

maybe you can make a livestream sessions sometimes, it would be nice 👍🏻

[@codewithdary]

Hi! Thank you for encouraging me. Unfortunately, live streaming isn't something I would do :(

[@yuliarahma1300]

@@codewithdary nah, it's fine, your video is more than enough for me, the way you discribe every line of code are cristal clear for the viewers 👍🏻

[@othiago.fernando]

Hi, It's possible to show user avatar on place of "initials name"?

[@codewithdary]

This link wil hep you out with that: filamentphp.com/docs/2.x/admin/users#setting-up-avatars

[@othiago.fernando]

@@codewithdaryI already saw this link but I dont be able to apply it (Sorry my bad english)

[@MrSonicastra]

Nice Dary, but is there a collapse by default for navigationsgroup?

[@codewithdary]

I don't think it has one!

[@BadeBabaG]

how we can elevate (BG Shadow ) SideBar and Change Width of sidebar ?

[@nazar87ali]

the methods getNavigationBadge not slow the application ? i each page reload calculate the count ??

[@codewithdary]

Yes, depending on your query. I would just not retrieve all rows your database

[@ousssika5359]

thanks for the video man , can you do one , so we can change the language for the the admin dashboard, french ,(arabic , you need the change the layout because in arabic tform left to right )

[@codewithdary]

Thank you so much. Great video to consider for in the future!

[@saiprashanth1941]

will you make a tutorial to host it on hostinger?

[@codewithdary]

Yes of course, it will be the last episode of this series!

[@saiprashanth1941]

@@codewithdary thank youu

[@peterf983]

3:33 ::where('status', '=', 'processing')->count()
Didn't you forget ENUMs from previous video'?
ruclips.net/video/WEmrmX7U9Zc/видео.html

[@codewithdary]

Wow, that’s very clever from you, I indeed did! Thanks

[@LeonelLopezBorbon]

that's a example public static function getNavigationBadge(): ?string
{
return static::getModel()::where('status', '=', OrderStatusEnum::PROCCESSING)->count();
}

[@marciozotelli]

Thanks

[@codewithdary]

Welcome