I want to capture data in grid card form instead of table view.

Hey!

With Voyager you can create your own custom Edit, Add, View views, by default Voyager make use of just one Edit Add View file located in vendors/tcg/voyager/resources/views/bread/edit-add.blade.php.

There is a quick post that goes over this here.

Let say we want to override the Edit Add view for a model called City with table cities (BREAD) we created, then you can follow these steps:

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

Or use this command: mkdir -p resources/views/vendor/voyager/cities

4. Then in that directory, 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

This is also applicable to other views also.

Sources:

Overriding BREAD Views

Then you can modify that new bread view and change the HTML so that it does not show the data in a table but instead renders them in a grid view.

Hope that this helps!

- Bobby