All Projects → treeStoneIT → nova-html

treeStoneIT / nova-html

Licence: other
This field allows you display custom HTML in Laravel Nova, be it a link, an image or any other piece of proper html.

Programming Languages

PHP
23972 projects - #3 most used programming language
Vue
7211 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to nova-html

nova-translatable
Nova Field for spatie/laravel-translatable package.
Stars: ✭ 84 (+546.15%)
Mutual labels:  laravel-nova
nova-list-card
Add a variety of resource lists to Nova dashboards
Stars: ✭ 39 (+200%)
Mutual labels:  laravel-nova
nova-qrcode-field
A Laravel Nova field to generate QR Code
Stars: ✭ 28 (+115.38%)
Mutual labels:  laravel-nova
nova-settings
A tool for editing settings on your project using akaunting/setting package on Laravel Nova
Stars: ✭ 18 (+38.46%)
Mutual labels:  laravel-nova
nova-rating-field
A Star rating field to use in your Laravel Nova apps.
Stars: ✭ 42 (+223.08%)
Mutual labels:  laravel-nova
nova-assertions
Laravel Nova assertions for your tests
Stars: ✭ 76 (+484.62%)
Mutual labels:  laravel-nova
nova-inspire
The best way to connect with your customers is by reaching out and inspiring them. ~ Me
Stars: ✭ 14 (+7.69%)
Mutual labels:  laravel-nova
nova-sluggable
Slug field for Laravel Nova
Stars: ✭ 40 (+207.69%)
Mutual labels:  laravel-nova
nova-gridder
Customize Nova Resource Details using Tailwind Grid System and more
Stars: ✭ 18 (+38.46%)
Mutual labels:  laravel-nova
nova-dynamic-field
Dynamic field for Laravel Nova
Stars: ✭ 18 (+38.46%)
Mutual labels:  laravel-nova
nova-hidden-field
A Laravel Nova Hidden field.
Stars: ✭ 32 (+146.15%)
Mutual labels:  laravel-nova
nova-errors
Display all form errors in a modal at the top of the page.
Stars: ✭ 16 (+23.08%)
Mutual labels:  laravel-nova
nova-opcache
OPcache Tool for Laravel Nova
Stars: ✭ 21 (+61.54%)
Mutual labels:  laravel-nova
laravel-nova-visual-composer
Visual Composer for Laravel Nova
Stars: ✭ 15 (+15.38%)
Mutual labels:  laravel-nova
nova-blogify-tool
Create a simple blog in a few seconds. Powered by Laravel Nova.
Stars: ✭ 20 (+53.85%)
Mutual labels:  laravel-nova
nova-grouped-field
Combine multiple Nova fields as one field output
Stars: ✭ 43 (+230.77%)
Mutual labels:  laravel-nova
nova-conditional-fields
WIP: Conditionally display fields based on another field's value
Stars: ✭ 38 (+192.31%)
Mutual labels:  laravel-nova
laravel-nova-order-nestedset-field
Laravel Nova field that make your resources orderable
Stars: ✭ 21 (+61.54%)
Mutual labels:  laravel-nova
nova-system-resources
Display the system usage in Laravel-Nova
Stars: ✭ 30 (+130.77%)
Mutual labels:  laravel-nova
nova-table-field
Table field for Laravel Nova
Stars: ✭ 29 (+123.08%)
Mutual labels:  laravel-nova

Laravel Nova HTML View Field

Since Nova now includes asHtml() Meta on the Text field (as of v1.0.9), there is no more need for this package as same functionality can be achieved with core Text field.

This field allows you display custom HTML in Laravel Nova, be it a link, an image or any other piece of proper html.

Installation

Install the package into a Laravel app that uses Nova with Composer:

composer require treestoneit/html

Usage

Add the field to your resource in the fields method:

use Treestoneit\Html\Html;
...
...
Html::make('Track',function (){
                $link = "<a class='text-70' target='_blank' href='$this->tracking_link'>";
                $link .= "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"18\" class='fill-current' viewBox=\"0 0 20 20\"><path d=\"M9.26 13a2 2 0 0 1 .01-2.01A3 3 0 0 0 9 5H5a3 3 0 0 0 0 6h.08a6.06 6.06 0 0 0 0 2H5A5 5 0 0 1 5 3h4a5 5 0 0 1 .26 10zm1.48-6a2 2 0 0 1-.01 2.01A3 3 0 0 0 11 15h4a3 3 0 0 0 0-6h-.08a6.06 6.06 0 0 0 0-2H15a5 5 0 0 1 0 10h-4a5 5 0 0 1-.26-10z\"/></svg>";
                $link .= "</a>";
                return $link;
            })

If you have proper html saved in the database or cast by your model to HTML

use Treestoneit\Html\Html;
...
...
Html::make('Your Field Label','your_field')

Please note: Only Index and Detail version of the field is configured

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].