Giter Site home page Giter Site logo

muetze42 / nova-iframe-popup Goto Github PK

View Code? Open in Web Editor NEW
6.0 2.0 4.0 58 KB

With this field you create a button which displays an iframe in a popup (visually oriented to Inertia.js).

Home Page: https://novapackages.com/packages/norman-huth/nova-iframe-popup

License: MIT License

JavaScript 15.94% CSS 5.37% Vue 44.42% PHP 34.26%
laravel laravel-nova nova-field nova-4 laravel-nova-field nova nova-fields

nova-iframe-popup's Introduction

Laravel Nova Iframe Popup Field

With this field you create a button which displays an iframe in a popup (visually oriented to Inertia.js).

1 2 3

Install

composer require norman-huth/nova-iframe-popup

Usage

IframePopup::make(__('Url'), 'url'),

IframePopup::make('', 'url', function () {
    return 'https://huth.it';
})->icon('eye')->sufText('Help'),

Options

Change Icon (Heroicon)

IframePopup::make(__('Url'), 'url')->icon('eye'),

Change Icon (Font Awesome)

Font Awesome is not included and must be added manually!

IframePopup::make(__('Url'), 'url')->faIcon('fa-solid fa-arrow-up-right-from-square'),

Remove Icon

IframePopup::make(__('Url'), 'url')
    ->icon('')
    ->preText(__('Show me')),

Add text before the icon

IframePopup::make(__('Url'), 'url')->preText(__('Click me')),

Add text after the icon

IframePopup::make(__('Url'), 'url')->sufText(__('Help')),

Change button class

IframePopup::make(__('Url'), 'url')->btnClass('btn-primary'),

Add class to DIV container

IframePopup::make(__('Url'), 'url')->containerClass('text-center'),
Add class to DIV container (index view)
IframePopup::make(__('Url'), 'url')->containerClassIndex('text-center'),
Add class to DIV container (detail view)
IframePopup::make(__('Url'), 'url')->containerClassDetail('text-center'),
Add class to DIV container (form view)
IframePopup::make(__('Url'), 'url')->containerClassForm('text-center'),

More Laravel Nova Packages

Stand With Ukraine Woman. Life. Freedom.

nova-iframe-popup's People

Contributors

muetze42 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

nova-iframe-popup's Issues

map-pin heroicon not working?

Hi,

Your nova extension is amazing - I just thought I'd point out a minor issue I just faced. When using the ->icon() function it works with 'map' but not 'map-icon' - even though this is available on Heroicons - any reason for why this would be?

https://share.zight.com/Jrum8NEJ

Thank you!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.