Example of Form Component

app/Http/Controllers/Admin/IconCrudController.php

@@ -39,6 +39,9 @@ protected function setupListOperation()
                 $this->crud->addClause('where', 'created_at', '<=', $value['to']);
             }
         });
+
+        $this->crud->removeButton('update');
+        $this->crud->addButton('line', 'inline_edit_icon', 'view', 'crud::buttons.inline_edit_icon', 'beginning');
     }
 
     protected function setupCreateOperation()

resources/views/admin/new-in-v7.blade.php

@@ -1,10 +1,31 @@
 @extends(backpack_view('blank'))
 
+@php
+    // Add the form widget to the 'after_content' section of the widgets array
+    $widgets['after_content'][] = [
+      'type' => 'div',
+      'class' => 'row',
+      'content' => [ // widgets
+            [
+                'type' => 'form',
+                'wrapper' => [
+                    'class' => 'col-md-12 mt-3',
+                ],
+                'controller' => '\App\Http\Controllers\Admin\PetShop\SkillCrudController',
+                'content' => [
+                    'header' => 'Create Skill', // optional
+                    'body' => 'This form should make it easy to create a new skill.<br><br>', // optional
+                ],
+            ]
+        ]
+    ];
+@endphp
+
 @section('content')
 
 <!-- Heading for Datagrid component -->
 <div class="row g-2 align-items-center">
-    <div class="col text-white">
+    <div class="col">
         <div class="page-pretitle">Components</div>
         <h2 class="page-title">Datagrid</h2>
         <p class="mt-2 mb-2">Show the most important info about an Eloquent entry, anywhere you want.</p>
@@ -56,4 +77,22 @@
 
 @include('admin.partials.datatable-examples')
 
+<!-- Heading for Form component -->
+<div class="row g-2 align-items-center mt-3">
+    <div class="col">
+        <div class="page-pretitle">Components</div>
+        <h2 class="page-title">Dataform</h2>
+        <p class="mt-2 mb-2">Show a form for an Eloquent entry, anywhere you want.</p>
+    </div>
+    <div class="col-auto ms-auto d-print-none">
+        <div class="btn-list">
+            <span class="d-none d-sm-inline">
+                <a href="#" class="btn btn-primary"> See docs </a> <!-- TODO: link to final docs -->
+            </span>
+        </div>
+    </div>
+</div>
+
+@include('admin.partials.dataform-examples')
+
 @endsection

resources/views/admin/partials/dataform-examples.blade.php

@@ -0,0 +1,92 @@
+<div class="row">
+    <div class="col-md-12">
+        <div class="card card-stacked mt-3">
+            <div class="card-header">
+                <h3 class="card-title">
+                    Create Invoice
+
+                    <i class="la la-info-circle text-muted"
+                        data-bs-toggle="tooltip"
+                        data-bs-placement="top"
+                        title="Showing the form needed to create an Invoice, with all configuration pulled directly from InvoiceCrudController."></i>
+                </h3>
+                <div class="card-actions">
+                    <div class="dropdown">
+                        <a href="#" class="btn-action dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true"
+                            aria-expanded="false">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                                class="icon icon-1">
+                                <path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
+                                <path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
+                                <path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
+                            </svg>
+                        </a>
+                        <div class="dropdown-menu dropdown-menu-end" style="">
+                            <a class="dropdown-item" href="#">See demo code</a> <!-- TODO: link to demo code -->
+                            <a class="dropdown-item" href="#">See docs</a> <!-- TODO: link to final docs -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="card-body">
+
+                <x-bp-form controller="\App\Http\Controllers\Admin\PetShop\InvoiceCrudController" />
+
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-md-6">
+        <div class="card mt-3">
+            <div class="card-header">
+                <h3 class="card-title">
+                    Quick Add Tag
+                </h3>
+            </div>
+            <div class="card-body bg-light">
+
+                <x-backpack::form id="quickAddTag"
+                    controller="\Backpack\NewsCRUD\app\Http\Controllers\Admin\TagCrudController" />
+
+            </div>
+        </div>
+    </div>
+
+    <div class="col-md-6">
+        <div class="card mt-3">
+            <div class="card-header">
+                <h3 class="card-title">
+                    Other Quick Actions
+                </h3>
+            </div>
+
+            <div class="card-body">
+                <button type="button" class="btn btn-primary" data-toggle="modal" data-bs-toggle="modal"
+                    data-target="#addOwnerForm" data-bs-target="#addOwnerForm">
+                    Add Owner
+                </button>
+                <x-backpack::form-modal id="addOwnerForm"
+                    controller="\App\Http\Controllers\Admin\PetShop\OwnerCrudController" title="Add Owner" />
+
+                <button type="button" class="btn btn-primary" data-toggle="modal" data-bs-toggle="modal"
+                    data-target="#addPetForm" data-bs-target="#addPetForm">
+                    Add Pet
+                </button>
+                <x-backpack::form-modal id="addPetForm"
+                    controller="\App\Http\Controllers\Admin\PetShop\PetCrudController" title="Add Pet" />
+
+                <button type="button" class="btn btn-primary" data-toggle="modal" data-bs-toggle="modal"
+                    data-target="#addProductForm" data-bs-target="#addProductForm">
+                    Add Product
+                </button>
+                <x-backpack::form-modal id="addProductForm"
+                    controller="\App\Http\Controllers\Admin\ProductCrudController" title="Add Product" />
+            </div>
+        </div>
+
+        @include('backpack.theme-tabler::inc.commercial')
+    </div>
+</div>

resources/views/vendor/backpack/crud/buttons/inline_edit_icon.blade.php

@@ -0,0 +1,14 @@
+<a href="#" data-toggle="modal" data-bs-toggle="modal" data-target="#myForm{{$entry->getKey()}}" data-bs-target="#myForm{{$entry->getKey()}}" class="btn btn-sm btn-link">
+    <i class="la la-edit"></i> <span>{{ trans('backpack::crud.edit') }}</span>
+</a>
+
+<x-backpack::form-modal
+    id="myForm{{$entry->getKey()}}"
+    controller="App\Http\Controllers\Admin\IconCrudController"
+    modalTitle="Update Icon"
+    :action="url($crud->route.'/'.$entry->getKey().'')"
+    :formRouteOperation="url($crud->route.'/'.$entry->getKey().'/edit')"
+    method="PUT"
+    refreshDatatable="true"
+    operation="update"
+/>

resources/views/vendor/backpack/theme-tabler/dashboard.blade.php

@@ -35,7 +35,7 @@
         // notice we use Widget::make() to add widgets as content (not in a group)
         Widget::make()
             ->type('progress')
-            ->class('card mb-3')
+            ->class('card mb-1')
             ->statusBorder('start') // start|top|bottom
             ->accentColor('success') // primary|secondary|warning|danger|info
             ->ribbon(['top', 'la-user']) // ['top|right|bottom']
@@ -48,7 +48,7 @@
         // but we need to use onlyHere() or remove() at the end
         Widget::add()
             ->type('progress')
-            ->class('card mb-3')
+            ->class('card mb-1')
             ->statusBorder('start') // start|top|bottom
             ->accentColor('danger') // primary|secondary|warning|danger|info
             ->ribbon(['top', 'la-bell']) // ['top|right|bottom']
@@ -63,7 +63,7 @@
         Widget::make()
             ->group('hidden')
             ->type('progress')
-            ->class('card mb-3')
+            ->class('card mb-1')
             ->statusBorder('start') // start|top|bottom
             ->accentColor('info') // primary|secondary|warning|danger|info
             ->ribbon(['top', 'la-star']) // ['top|right|bottom']
@@ -76,7 +76,7 @@
         // if you prefer defining your widgets as arrays
         Widget::make([
             'type' => 'progress',
-            'class'=> 'card mb-3',
+            'class'=> 'card mb-1',
             'statusBorder' => 'start', // start|top|bottom
             'accentColor' => 'warning', // primary|secondary|warning|danger|info
             'ribbon' => ['top', 'la-lock'], // ['top|right|left|bottom', 'la-xxx']
@@ -151,7 +151,7 @@
       'close_button' => true, // show close button or not
     ];
 
-    $widgets['before_content'][] = [
+    $widgets['after_content'][] = [
       'type' => 'div',
       'class' => 'row',
       'content' => [ // widgets
@@ -263,12 +263,13 @@
                     'header' => 'Line Chart - Frappe', // optional
                     // 'body' => 'This chart should make it obvious how many new users have signed up in the past 7 days.<br><br>', // optional
                 ]
-            ],
+            ]
         ]
     ];
 @endphp
 
 @section('content')
+
     {{-- In case widgets have been added to a 'content' group, show those widgets. --}}
     @include(backpack_view('inc.widgets'), [ 'widgets' => app('widgets')->where('group', 'content')->toArray() ])
 @endsection