ideatocode/nova-tooltip-field

A Laravel Nova field to show additional data but not clutter the table.

Downloads

15

Stars

0

Version

v1.0.1

Laravel Nova 4 Tooltip field

A Laravel Nova Tooltip field for the index view.

When you want to show additional data but do not want to clutter the table, put it in a tooltip.

Inspired by: https://github.com/philperusse/nova-tooltip-field

Demo

Demo #1

Installation

Run this command in your Laravel Nova project:

$ composer require ideatocode/nova-tooltip-field

Usage

Use this field as any other fields. By design, this field will only be shown on index (lists) views.

use Ideatocode\NovaTooltipField\Tooltip;

 Tooltip::make('More', function(){
    return 'This a tooltip. You can put lengthy content here or any additional info.';
 }),

HTML

You can also pass HTML to the tooltip.

Tooltip::make('More', function(){
	return '<h4>Additional User info</h4>'
		. ' <strong>Created at : </strong>' . Carbon::parse($this->created_at)->diffForHumans()
		. '<br>'
		.' <strong>Updated at : </strong>' . Carbon::parse($this->created_at)->diffForHumans();
})->asHtml(),

Demo #2

Trigger element

You can also pass change the trigger element of the tooltip.

Tooltip::make('More', function(){
	return '<h4>Additional User info</h4>'
		. ' <strong>Created at : </strong>' . Carbon::parse($this->created_at)->diffForHumans()
		. '<br>'
		.' <strong>Updated at : </strong>' . Carbon::parse($this->created_at)->diffForHumans();
})->asHtml()->trigger('oh <b>Ya!</b>'),

Contributions

All contributions are welcomed. Please send a PR.

Authors

The styles are based on Bootstrap's Tooltip component.

License

This package is open-sourced software licensed under the MIT Licence

ideatocode

Author

ideatocode