DEV Community

Samson Adesanoye
Samson Adesanoye

Posted on

How to override a Voyager View

Voyager comes with BREAD (Browse Read Edit Add Delete) functionality right out of the box with elegant admin dashboard, situation may happen that you may want to serve the BREAD with something juicy apart from the default Voyager template.

In this article I will work you through creating your own custom Edit Add View, by default Voyager make use of just one Edit Add View file located in vendors/tcg/voyager/resources/views/bread/edit-add.blade.php.

Let say we want to override the Edit Add view for the cities (BREAD) table we created:

  1. Create a folder called vendor in your views folder
  2. Create a folder called voyager in your vendor folder
  3. Create a folder for that BREAD in our example its cities folder
  4. Create a new file edit-add.blade.php
  5. Create a new HTML Heading element in edit-add.blade.php saying “override works”.
  6. Copy the default edit-add.blade.php into the new created edit-add.blade.php to make editing fast

Your folder structure will look like this
Alt Text

This is also applicable to other views also.

Sources:

Overriding BREAD Views

Top comments (2)

Collapse
 
mohamed_elsaidy_08dcead04 profile image
Mohamed Elsaidy

how can i get the view of voyager dashboard like if i want to edit colors of menu sidebar or navbar

Collapse
 
kingzamzon profile image
Samson Adesanoye

My apologies that it coming late
To get the voyager dashboard : In the views folder create vendor -> voyager -> index.blade.php