Quick Start: Creating Panel
Creating a Simple CRUD
Relationships fields: belongsTo/belongsToMany
File/Photo Upload Fields
Date/Time Picker Fields
Roles and Permissions
How to Change Design Template/Theme
Using the Generated Code
Download Code and Install on Your Web-Server
Push Code to Your Github
Edit Code and Merge Changes
What Files are Inside the CRUD
Audit Changes Logs
Dashboard and Reports
Tasks + Calendar
CRUD Templates Modules
Customizing the Code
Upgrade Laravel version
Dependent Dropdowns: Parent-Child
Add Front User Without Admin Permissions
How to Add Mass Actions to Datatable
Vue.js + Laravel API Version
QuickAdminPanel: Vue.js+Laravel Version
What Files are Inside Vue.js+Laravel CRUD?
Installing Downloaded Vue.js+Laravel Panel
Livewire + Tailwind Version
QuickAdminPanel: Livewire+Tailwind Version
What Files are Inside Livewire+Tailwind CRUD?
Installing Downloaded Livewire+Tailwind Panel
Creating a Simple CRUD
: if you need the documentation for
QuickAdminPanel generator, released in 2020, please
click this link
Video version of the tutorial
Text + screenshots version
To create a new CRUD, click
Menus / CRUDs
on the left sidebar, and then
Create CRUD Menu Item
in the center.
You will see a form, like below.
On the top you need to enter the CRUD Model name (in singular, like "
" or "
"), choose Font Awesome icon and parent menu, if needed.
At the bottom, some fields are pre-filled for you:
To add a new field, click
Add new field
row. You will see this form:
There is a dozen of field types, in the most simple
field type you only need to add
, and click
Every field type has its own settings. For example, if we add another field with
field type, we can choose whether to use
After you finish entering all the fields, just click
at the bottom of the fields.
Then the code will start generating, and you will see the progress in the left sidebar - when you're able to View or Download new code.
At the bottom of Create CRUD page, there are three settings for the visual table that will be shown for the list of that DB table:
NEW! You can enable
(to have input search for each individual column)
You can modify amount of
entries per page
You can change
(default is newest-to-oldest, so "
order by id desc
At the top of CRUD form, there is a link
Show more options
which opens up a few extra settings, which are all enabled by default, but you can disable them.
Here, you can enable/disable:
Soft Deletes - read more about them in
To generate or not generate API routes/controllers
What actions are needed for this CRUD - maybe you need only create but not edit form
Also, you may see more options here, depending on the modules you have installed.
Next - Quick Start: Creating Panel