Search Results for: Turbo

585 search results for Turbo

Sort By

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Listening & Publishing

... was This is probably ok - there IS A slightly different behavior now (actually, introduced by me darn it!) from when I made the video. We talk briefly about it here - https://symfonycasts.com/screencast/turbo/mercure ...

weaverryan

Read Full Comment

Code

Learn JS Frameworks & Tools

Symfony UX: Turbo

Frame Loading Animations

186 lines | assets/styles/app.css

Show Lines	// ... lines 1 - 18
	turbo-frame {
	display: block;
	}
Show Lines	// ... lines 22 - 186

See Code Block in Script

Code

Learn JS Frameworks & Tools

Symfony UX: Turbo

Frame Loading Animations

            Copy Code

                            Show All Lines

                        183 lines
            |
            assets/styles/app.css
        
                Show Lines

                                                    // ... lines 1 - 18
                            
            turbo-frame[busy] {
        
                opacity: .2;
        
            }
        
                Show Lines

                                                    // ... lines 22 - 183

See Code Block in Script

Code

Learn Symfony 6

30 Days with LAST Stack

Turbo Drive

            Copy Code

                            Show All Lines

                        41 lines
            |
            importmap.php
        
                Show Lines

                                                    // ... lines 1 - 15
                            
            return [
        
                Show Lines

                                                    // ... lines 17 - 36
                            
                '@hotwired/turbo' => [
        
                    'version' => '7.3.0',
        
                ],
        
            ];

See Code Block in Script

Comment

Learn Symfony 6

Doctrine, Symfony 6 & the Database

Forever Scroll with Turbo Frames

Hello, Are your turbo-frames nested? ```twig ... ``` ...

seb-jean

Read Full Comment

Code

Learn JS Frameworks & Tools

Symfony UX: Turbo

Form Submits & The Preview Feature

            Copy Code

                            Show All Lines

                        169 lines
            |
            assets/styles/app.css
        
                Show Lines

                                                    // ... lines 1 - 7
                            
            /*
        
            [data-turbo-preview] body {
        
                opacity: .2;
        
            }
        
            */
        
                Show Lines

                                                    // ... lines 13 - 169

See Code Block in Script

Code

Learn JS Frameworks & Tools

Symfony UX: Turbo

Form Submits & The Preview Feature

            Copy Code

                            Show All Lines

                        167 lines
            |
            assets/styles/app.css
        
                Show Lines

                                                    // ... lines 1 - 7
                            
            [data-turbo-preview] body {
        
                opacity: .2;
        
            }
        
                Show Lines

                                                    // ... lines 11 - 167

See Code Block in Script

Code

Learn Symfony 6

30 Days with LAST Stack

AJAX Modal!

            Copy Code

                        2 lines
            |
            templates/modalBase.html.twig
        
            {% extends app.request.headers.get('turbo-frame') == 'modal' ? 'modalFrame.html.twig' : 'base.html.twig' %}

See Code Block in Script

Comment

Learn Symfony 6

30 Days with LAST Stack

AJAX Modal!

Hello, I am having a bit of a problem getting the content to load in the turbo-frame in the dialog. I followed the video, and when I click new voyage, the turbo-frame says completed, but there is nothing inside. I ...

Skylar

Read Full Comment

Comment

Learn Symfony 6

30 Days with LAST Stack

Fancy things on Modal Form Success

Thanks alot for the response, Victor. While time passed, I found the problem. As a newbie with turbo, I got a bit confused about the turbo frames and how everything works together. The flash message got written just ...

Nexo

Read Full Comment

Comment

Learn Symfony 6

30 Days with LAST Stack

More with fun Modals! Editing & Deleting

... they are pretty cool thing including Turbo Streams. However it also may be that this is just not your tool, so you can completely ignore them and use only Stimulus and Turbo Drive on your website. Cheers!

Victor

Read Full Comment

Comment

Learn Symfony 6

30 Days with LAST Stack

Testing Part 2: Functional Testing

I have issues with test execution speed :/ It looks like that `waitForTurboFrameLoad`check for any `turbo-frame[aria-busy="true"]` in the page is executed before Turbo adds the `aria-busy="true"` attribute to the ...

fbourigault

Read Full Comment

Comment

Learn Symfony 6

Harmonious Development with Symfony 6

Turbo: Supercharge your App

I ran into a problem with turbo, where it made Ajax Calls for stuff in the profiler-bar as well. Every time i hover over an icon in the profiler bar, the ajax call-counter increments and another entry is made. A quick ...

Michael-B

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Automatically Redirect Ajax Calls to /login

LATE reply on this, but I was just trying the app on Turbo 7.3, and it still looks like it fails... which I think makes sense. When we make an Ajax request and its redirected to `/login`, that's unfortunately ...

weaverryan

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Listening & Publishing

I am getting the following error after adding the `turbo_stream_listen` twig function: > An exception has been thrown during the rendering of a template ("The Turbo stream transport "default" doesn't exist ...

CDesign

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

3rd Party JavaScript Widgets

Hey @weaverryan, this is exactly the problem. I loads correctly on first page load, but fails on subsequent turbo visits. I will try out your proposal, thanks for that! My hypotheses at the moment (after downloading ...

Strahil-R

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Hi ! Awesome course as usual :) I have a question, i use a lot some admin librairies like Sonata Admin or more recently Easy Admin. I just saw that EasyAdmin disabled UX-turbo because of some conflicts with their ...

Julien Quintiao

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Turbo Frames Look for & Load the Matching Frame

Hey, I have an error when I try to use turbo-frame and nothing appear. In console, there is error 500. When I look network view, there is symfony exception : ` Symfony\Component\Form\FormRenderer::renderBlock ...

Stephane

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Prevent a turbo-frame from Rendering

I guess it must have changed since this video, but turbo:before-fetch-request now fires on whatever element that triggers it, not on document. Here's the docs: turbo:before-fetch-request fires before Turbo issues a ...

Nick-F

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Hi! I see that Turbo feature was merged into the main symfony-ux branch recently. When can we expect the first chapters on this course? I'm not trying to put any pressure on you guys, I know that you have a lot of ...

adeoweb

Read Full Comment

Show Lines	// ... lines 1 - 18
	turbo-frame[busy] {
	opacity: .2;
	}
Show Lines	// ... lines 22 - 183

Show Lines	// ... lines 1 - 15
	return [
Show Lines	// ... lines 17 - 36
	'@hotwired/turbo' => [
	'version' => '7.3.0',
	],
	];

Show Lines	// ... lines 1 - 7
	/*
	[data-turbo-preview] body {
	opacity: .2;
	}
	*/
Show Lines	// ... lines 13 - 169