DEV Community

Samson Adesanoye
Samson Adesanoye

Posted on

7

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

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

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

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more