swilla Comments - Answer Overflow

swilla

•Created by swilla on 1/30/2024 in #❓┊help

Error with widget in a blade view

This error occurs when you use "make()" on widgets in a blade file. I was able to get around this by having a Livewire component send all the same variables to the widgets view.

4 replies

FFilament

•Created by swilla on 10/11/2023 in #❓┊help

Nav sidebar overflowing body

thank you!

7 replies

FFilament

•Created by swilla on 10/11/2023 in #❓┊help

Nav sidebar overflowing body

ohhh

7 replies

FFilament

•Created by swilla on 8/29/2023 in #❓┊help

Select field overflowing grid layout until you interact with field

3 replies

FFilament

•Created by swilla on 8/22/2023 in #❓┊help

Buttons have loading state after upgrade Filament v3 Upgrade

app.js:

import "./bootstrap";

import {
  Livewire,
  Alpine,
} from "../../vendor/livewire/livewire/dist/livewire.esm";
import focus from "@alpinejs/focus";
import ui from "@alpinejs/ui";
import Tooltip from "@ryangjchandler/alpine-tooltip";

Alpine.plugin(focus);
Alpine.plugin(ui);
Alpine.plugin(Tooltip);

Livewire.start();

import "./bootstrap";

import {
  Livewire,
  Alpine,
} from "../../vendor/livewire/livewire/dist/livewire.esm";
import focus from "@alpinejs/focus";
import ui from "@alpinejs/ui";
import Tooltip from "@ryangjchandler/alpine-tooltip";

Alpine.plugin(focus);
Alpine.plugin(ui);
Alpine.plugin(Tooltip);

Livewire.start();

5 replies

FFilament

•Created by swilla on 8/22/2023 in #❓┊help

Buttons have loading state after upgrade Filament v3 Upgrade

This is the layout I'm using:

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full bg-gray-100">

<head>
    <meta charset="utf-8">
    <meta name="application-name" content="{{ config('app.name') }}">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <link rel="icon" href="{{ url('img/favicon.png') }}">

    <!-- Fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap">

    <!-- Styles -->
    <style>
        [x-cloak] {
            display: none !important;
        }
    </style>

    @filamentStyles
    @vite('resources/css/app.css')
</head>

<body class="font-sans antialiased h-full">
    <x-banner />

    <div class="min-h-full">
        <x-main-header />

        <div class="py-10">
            <div class="mx-auto max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-12 lg:gap-8 lg:px-8">
                <div class="hidden lg:col-span-2 lg:block">
                    @include('sidebar-menu')
                </div>

                <main class="lg:col-span-10 xl:col-span-10">
                    <!-- Page Heading -->
                    @if (isset($header))
                        <header class="pb-2 px-4 sm:px-0">
                            {{ $header }}
                        </header>
                    @endif

                    {{ $slot }}
                </main>
            </div>
        </div>
    </div>

    @stack('modals')

    @livewire('wire-elements-modal')
    @stack('scripts')

    @livewireScriptConfig

    @filamentScripts
    <!-- Scripts -->
    @vite('resources/js/app.js')
</body>

</html>

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full bg-gray-100">

<head>
    <meta charset="utf-8">
    <meta name="application-name" content="{{ config('app.name') }}">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <link rel="icon" href="{{ url('img/favicon.png') }}">

    <!-- Fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap">

    <!-- Styles -->
    <style>
        [x-cloak] {
            display: none !important;
        }
    </style>

    @filamentStyles
    @vite('resources/css/app.css')
</head>

<body class="font-sans antialiased h-full">
    <x-banner />

    <div class="min-h-full">
        <x-main-header />

        <div class="py-10">
            <div class="mx-auto max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-12 lg:gap-8 lg:px-8">
                <div class="hidden lg:col-span-2 lg:block">
                    @include('sidebar-menu')
                </div>

                <main class="lg:col-span-10 xl:col-span-10">
                    <!-- Page Heading -->
                    @if (isset($header))
                        <header class="pb-2 px-4 sm:px-0">
                            {{ $header }}
                        </header>
                    @endif

                    {{ $slot }}
                </main>
            </div>
        </div>
    </div>

    @stack('modals')

    @livewire('wire-elements-modal')
    @stack('scripts')

    @livewireScriptConfig

    @filamentScripts
    <!-- Scripts -->
    @vite('resources/js/app.js')
</body>

</html>

Based on https://filamentphp.com/docs/3.x/tables/installation#configuring-your-layout

5 replies

FFilament

•Created by swilla on 8/22/2023 in #❓┊help

Buttons have loading state after upgrade Filament v3 Upgrade

5 replies

FFilament

•Created by Florian Langer on 8/18/2023 in #❓┊help

Property [$isCachingForms] not found on component

I needed to do the following:

use Filament\Forms\Concerns\InteractsWithForms;
use Filament\Forms\Contracts\HasForms;
...

class Systems extends Component implements HasTable, HasForms
{
    use InteractsWithForms;
    use InteractsWithTable;

use Filament\Forms\Concerns\InteractsWithForms;
use Filament\Forms\Contracts\HasForms;
...

class Systems extends Component implements HasTable, HasForms
{
    use InteractsWithForms;
    use InteractsWithTable;

6 replies

FFilament

•Created by Florian Langer on 8/18/2023 in #❓┊help

Property [$isCachingForms] not found on component

When I add that property to the component:

public $isCachingForms;

public $isCachingForms;

I get this error:

Method App\Livewire\Systems::hasCachedForm does not exist.

Method App\Livewire\Systems::hasCachedForm does not exist.

https://flareapp.io/share/bP9pZjpm

6 replies

FFilament

•Created by Florian Langer on 8/18/2023 in #❓┊help

Property [$isCachingForms] not found on component

I'm getting the same error when I'm trying to upgrade a component to v3. https://flareapp.io/share/qm1YB11m

6 replies

Gaming

Programming