nova big filter

A nice looking filter menu that's always open.

33
11
Vue

Laravel Nova Big Filter

Latest Version on Github
Total Downloads

A nice looking filter menu that’s always open.

Nova Big Filter Screenshot

Install

Install the package in to a Laravel Nova project via composer:

composer require nrml-co/nova-big-filter

Usage

Add the class to the card array of a resource with filters. The default ‘Per Page’ filter is not included. If you add the card but don’t have any filters, you wont see anything. Add some filters and it will show up.

This package makes life easy by eliminating the tiresome click and scroll of the default filter. You may have to play with the order of your filters to get things looking great. For instance, Date Filters look best on the bottom.


use NrmlCo\NovaBigFilter\NovaBigFilter;
use App\Nova\Filters\YourFilter;
use App\Nova\Filters\YourOtherFilter;

public function filters()
{
    return [
        new YourFilter,
        new YourOtherFilter,
    ];
}

public function cards()
{
    return [        
        new NovaBigFilter,
    ];
}

Customization

Adding customization functions as needed, and by request. 😃

setTitle($title)

Use setTitle to change the card title. The default is ‘Filter Menu’.


public function cards()
{
    return [        
        (new NovaBigFilter)->setTitle('Big Filter'),
    ];
}

setMaxHeight($height)

Use setMaxHeight to change the max height of the filter block. The default is 350.


public function cards()
{
    return [        
        (new NovaBigFilter)->setMaxHeight(400),
    ];
}

hideFilterTitle()

Use hideFilterTitle to hide a title of the filter block, if you don’t need it.


public function cards()
{
    return [        
        (new NovaBigFilter)->hideFilterTitle(),
    ];
}