Download the PHP package rmitesh/card-stack without Composer

Filament Card Stack

Design for Multi-purpose usage, and also second option of the KanBan Board

Want to see how it's works...? Let's go though below details

Installation

You can install the package via composer:

You can publish the config file with:

You can publish and run the migrations with:

Optionally, you can publish the views using

This is the contents of the published config file:

Usage

Note: Make sure you have create full resource, not --simple resource.

Create a custom resource page

Then, register route for this page in PlanResource file and for redirection create a new Action.

You can give any route name as per your specification.

You can find you routes for the view using php artisan route:list.

In PlanResource/Pages/ViewPlan file, use CardView trait

Replace the view file located in resources/views/filament/resources/YOUR RESOURCE/pages/ with following:

Now, create a custom widget PlanListView without any resource and extends with CardViewList

$tableHeadingId and $tableHeading variables are holding the each card's id and name. So if you want to display items based on card id then you can use $tableHeadingId variable in your eloquent condition.

then add getHeaderWidgets() function in you ViewPlan class.

and here we are good to go!... 🚀🚀🚀

Extending and customizing CardViewList page.

Add Table Columns

To add column in the cards, you can use getTableColumns() function in your custom widget class.

Add Table Actions

To add table actions in the cards, you can use getTableActions() function in your custom widget class.

Add Header Actions

To add table header actions in the cards, you can use getTableHeaderActions() function in your custom widget class.

Change empty state text

To change empty state table text, you can use getTableEmptyStateHeading() function in your custom widget class.

Change empty state description

To change empty state table description, you can use getTableEmptyStateDescription() function in your custom widget class.

Example

Let's take a typical example

• You are creating montly plans for a work. and you want to manage task list with cards.

Created some Cards

In your plan view screen will be look like this.

Testing

Changelog

Please see CHANGELOG for more information on what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.

Credits

• Mitesh Rathod
• All Contributors

License

The MIT License (MIT). Please see License File for more information.