slash2nl/nova-back-button

A Laravel Nova card to display a back button.

v2.0.2 2022-05-10 11:23 UTC

This package is auto-updated.

Last update: 2024-11-10 16:30:45 UTC


README

Latest Stable Version Total Downloads

Adds a card that implements a back button to Nova, the content can be fully customized. The url is called through the router and without a url set a history.go(-1) is called.

image image

Installation

You can install the package in to a Laravel app that uses Nova via composer:

  • Install version ^1.0 for Laravel Nova ^1.0|^2.0|^3.0
  • Install version ^2.0 for Laravel Nova ^4.0
composer require slash2nl/nova-back-button

Usage

Register your new card.

use SLASH2NL\NovaBackButton\NovaBackButton;

public function cards()
{
    return [ 
        (new NovaBackButton())
            ->onlyOnDetail(),
        
        (new NovaBackButton())
            ->onlyOnDetail()
            ->width('1/3')
            ->markdown('# Hello World!'),

        (new NovaBackButton())
            ->onlyOnDetail()
            ->width('1/3')
            ->view('partials.back-button')
            ->url(sprintf('%s/resources/%s/%d', config('nova.path'), User::uriKey(), \App\Models\User::first()->id)),
     ];
}

Options

  • Set content, by default a back svg is used.
    • ->html('<h1>Hello!</h1>'): Set HTML or plain content.
    • ->markdown('# Hello!'): Set Markdown content that will be converted into HTML.
    • ->view('path.to.view', []): Specify blade view file and optionally pass an array of data to view.
  • Styling
    • ->center(false): Center card's content. false by default.
    • ->withoutCardStyles(true): Whether to use standard Nova Card styles for a card (background, padding, etc). false by default.
    • ->forceFullWidth(true): Force the card to be full width. A fix for nova cards order.

Source

This package was created with the help of: https://github.com/InteractionDesignFoundation/nova-html-card

License

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