How to Customize The Navbar in FilamentPHP - FilamentPHP for Beginners

preview_player
Показать описание

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

💌 Newsletter

🔥 Resources

⌛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
  1. Code With Dary
  2. how to add admin panel in laravel
  3. 10 create custom widgets - laravel filament tutorial
  4. a winning combination for dynamic web apps in laravel filament
  5. laravel filament packages dashboard
  6. filament admin panel
Рекомендации по теме
How to Create 0:06:15

How to Create Navbar in HTML and CSS

Basic Custom Navbar 0:17:48

Basic Custom Navbar tutorial in Webflow

Navbar CSS Tutorial: 0:15:08

Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox

Simple Navbar With 0:05:44

Simple Navbar With Flexbox | Navbar CSS Tutorial

Animated Responsive Navbar 0:11:40

Animated Responsive Navbar with CSS - Plus Other Useful Tricks

FlutterFlow Custom Navbar 0:08:44

FlutterFlow Custom Navbar Tutorial

How To Create 0:15:13

How To Create a Responsive Navbar Using HTML & CSS | Step By Step Tutorial

Bootstrap 5 Navbar 0:03:23

Bootstrap 5 Navbar Change Background Color

Attractive Navbar #programmingwith_krishna 0:00:19

Attractive Navbar #programmingwith_krishna #html #css #cssanimation #learnwebdev #javatutorial

Navbar Bootstrap 5 0:17:59

Navbar Bootstrap 5 | Bootstrap Navbar Tutorial

Webflow Navbar Styling 0:12:55

Webflow Navbar Styling Tutorial

Creating a sticky 0:01:06

Creating a sticky navbar — Webflow tutorial

Bootstrap 5 | 0:17:15

Bootstrap 5 | How to create a Responsive Navbar | Step by Step Tutorial

Create a RESPONSIVE 0:14:56

Create a RESPONSIVE NAVBAR with sidebar animation (CSS ONLY)

How To Make 0:39:53

How To Make Navbar In React JS | Light & Dark Mode Navigation Bar Using React JS

How To Make 0:12:58

How To Make Responsive Navbar with Bootstrap 5 | Step by Step Tutorial

How to Customize 0:13:09

How to Customize The Navbar in FilamentPHP - FilamentPHP for Beginners

How to make 0:18:13

How to make a responsive navbar with tailwind css | tailwind css tutorial | #tailwindcss

Navbar CSS Tutorial 0:07:53

Navbar CSS Tutorial | Create a Navigation Bar With Flexbox

Create Responsive Navigation 0:40:03

Create Responsive Navigation Bar With MaterialUI 5 and ReactJS | MaterialUI 5 Navbar | React Navbar

Custom Navbar | 0:00:34

Custom Navbar | Coding Practice 4 | HTML, CSS, Bootstrap | NxtWave | ccbp 4.o

FlutterFlow Custom Navbar 0:15:05

FlutterFlow Custom Navbar Tutorial | Create Custom Navbar in FlutterFlow

Responsive Navigation bar 0:09:07

Responsive Navigation bar in Figma - How to Design auto layout navbar

CSS Tutorial: Creating 0:13:33

CSS Tutorial: Creating a Navigation Menu | Web Development Tutorials #23

Комментарии
Автор

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

Maystro_eg
Автор

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.

bodiothierrymathurinkegba
Автор

Enjoying this series.
Your teaching style is awesome.
Can’t wait for upcoming episode,

what’s usual timing for new episodes every 3 days?

LileshJadav
Автор

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

Cajorobu
Автор

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

yuliarahma
Автор

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

cesarherbozo
Автор

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

BadeBabaG
Автор

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

othiago.fernando
Автор

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

MrSonicastra
Автор

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

nazarali
Автор

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 )

ousssika
Автор

will you make a tutorial to host it on hostinger?

saiprashanth
Автор

3:33 ::where('status', '=', 'processing')->count()
Didn't you forget ENUMs from previous video'?

peterf