Maxi Comments - Answer Overflow

Topics

Maxi

Explore posts from servers

NNuxt FFilament

•Created by BlandIndustries on 2/17/2025 in #❓┊help

More Complex Charts

Ohh @BlandIndustries this looks promising for Apex Charts too: https://www.outsystems.com/forums/discussion/85735/apex-charts-library-drill-down-on-apex-charts/

9 replies

•Created by BlandIndustries on 2/17/2025 in #❓┊help

More Complex Charts

If you're looking for a solution that works out of the box, you might want to go with the Apex Charts plugin (https://filamentphp.com/plugins/leandrocfe-apex-charts). It doesn't have Sankey out of the box IIRC, but a drill down pie/donut chart should be kind of possible if you start changing around the labels. You can also look at the source code of the plugin to try and implement ApexSankey.js which is also made by ApexCharts AFAIK (https://apexcharts.com/apexsankey/).

9 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

Thank you :D

34 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

Oh my god, thanks for the help, really appreciate it! I sent you a tip on PayPal :2frogheart:

34 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

I have one more question tough, do you know if it‘s possible to show like a loading modal or something after a field has been filled out and live is triggered? Something like this: https://codepen.io/webhead/pen/WNoedWG

34 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

If not, I‘ll maybe report back in 6-12 months on how implementing it using MingleJS worked out for us. 😂

34 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

Yeah I know, but right now it‘s working „fine“ so I guess we won‘t stray away from it. But I‘ll maybe look into MingleJS and see if I can get better reactivity using it with React/Vue. While I‘m at it, is there like a guide or a good example project where a whole Filament page is made in React/Vue but it‘s still integrated into the normal Filament application (having the Filament sidebar, notifications etc.)? Or is that not even really possible?

34 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

I know, but I don‘t really have a choice atm. It‘s work related so I‘m forced to do it like this.

34 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

Yes, but using the afterStateUpdated() function is really only a viable option if your form isn‘t that big. I‘m currently working on a form that is around +2k lines now and I need almost every value directly in my form too so adding ~50 afterStateUpdated() functions is currently not really an option. I guess I could implement it after the whole Resource is finished but atm it‘s not really an option.

34 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

But sadly even with live(onBlur) if you switch between fields really fast it can still happen.

34 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

Debounce does not solve it, it's just giving you more time until it happens.

34 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

Yes.

34 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

You kind of have to live with it if you're using reactive/live fields.

34 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

I don't think there is a fix for it, we tried everything and it's still happening on occasion.

34 replies

•Created by Shaung Bhone on 2/14/2025 in #❓┊help

Value are blinking and missing in Filament Repeater

We're having similar issues, IIRC it's probably because you're inputting faster than livewire can handle.

34 replies

•Created by Maxi on 2/12/2025 in #❓┊help

Change tooltip of Chart Widget

Ohh and for @Answer Overflow: This is how I did it:

    protected function getOptions(): RawJs|array
    {
        $js = <<<'JS'
{
        responsive: true,
        maintainAspectRatio: false,
        aspectRatio: 1,
        plugins: {
                tooltip: {
                        enabled: true,
                        intersect: false,
                        callbacks: {
                                label: function(context) {
                                        let label = context.dataset.label || '';
                                        const value = context.raw || 0;
                                        return ' ' + label + ': ' + value.toLocaleString('de-DE', {style: 'currency', currency: 'EUR'});
                                },
                        }
                },
        },
}
JS;

        return RawJs::make($js);
    }

    protected function getOptions(): RawJs|array
    {
        $js = <<<'JS'
{
        responsive: true,
        maintainAspectRatio: false,
        aspectRatio: 1,
        plugins: {
                tooltip: {
                        enabled: true,
                        intersect: false,
                        callbacks: {
                                label: function(context) {
                                        let label = context.dataset.label || '';
                                        const value = context.raw || 0;
                                        return ' ' + label + ': ' + value.toLocaleString('de-DE', {style: 'currency', currency: 'EUR'});
                                },
                        }
                },
        },
}
JS;

        return RawJs::make($js);
    }

17 replies

•Created by Maxi on 2/12/2025 in #❓┊help

Change tooltip of Chart Widget

Thanks for the help <3

17 replies

•Created by Maxi on 2/12/2025 in #❓┊help

Change tooltip of Chart Widget

I just made the whole options RawJs and it worked like a charm. 👍

17 replies

•Created by Maxi on 2/12/2025 in #❓┊help

Change tooltip of Chart Widget

Got it

17 replies

•Created by Maxi on 2/12/2025 in #❓┊help

Change tooltip of Chart Widget

Where exactly would I put this function in my Filament project, like is there an intended way of providing custom JavaScript to certain pages?

17 replies