📙
QuickAdminPanel
  • QuickAdminPanel Docs
  • Quick Start: Creating Panel
    • Creating a Simple CRUD
    • Radio/Checkbox/Select Fields
    • Relationships fields: belongsTo/belongsToMany
    • File/Photo Upload Fields
    • Date/Time Picker Fields
    • Multi-language Projects
    • API Generator
    • 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
  • Modules
    • Modules Overview
    • AJAX Datatables
    • System Calendar
    • Audit Changes Logs
    • Dashboard and Reports
    • Multi-Tenancy
    • CSV Import
    • Global Search
    • User Registration
    • Internal Messages
    • Change Notifications
    • Tasks + Calendar
    • Courses LMS
    • CRUD Templates Modules
  • Customizing the Code
    • Datatables Customizations
    • 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
Powered by GitBook
On this page
  • Video version of the tutorial
  • Text + screenshots version
  • Table Settings
  • Additional Options
  1. Quick Start: Creating Panel

Creating a Simple CRUD

PreviousQuickAdminPanel DocsNextRadio/Checkbox/Select Fields

Last updated 3 years ago

Notice: if you need the documentation for Vue.js QuickAdminPanel generator, released in 2020, please .

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 "Project" or "Transaction"), choose Font Awesome icon and parent menu, if needed.

At the bottom, some fields are pre-filled for you: id, timestamps, soft-deletes.

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 Text field type you only need to add Key and Label, and click Save.

After you finish entering all the fields, just click Save CRUD 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.

Table Settings

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 column search (to have input search for each individual column)

  • You can modify amount of entries per page (default 100)

  • You can change ordering (default is newest-to-oldest, so "order by id desc")

Additional Options

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:

  • 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.

Every field type has its own settings. For example, if we add another field with Textarea field type, we can choose whether to use :

Soft Deletes - read more about them in

CKEditor
Laravel documentation
click this link