Search Results for: Turbo

590 search results for Turbo

Sort By

Code

Learn Symfony 6

30 Days with LAST Stack

Popover!

            Copy Code

                            Show All Lines

                        80 lines
            |
            templates/main/homepage.html.twig
        
                Show Lines

                                                    // ... lines 1 - 43
                            
                                            <div
        
                                                data-controller="popover"
        
                                                data-action="mouseenter->popover#show mouseleave->popover#hide"
        
                                                class="relative"
        
                                            >
        
                Show Lines

                                                    // ... lines 49 - 54
                            
                                                <div data-popover-target="content">
        
                                                    <div
        
                                                        data-popover-target="card"
        
                                                        class="max-w-sm rounded shadow-lg bg-gray-900 absolute left-0 bottom-10"
        
                                                    >
        
                                                        <turbo-frame id="planet-card-{{ voyage.planet.id }}" target="_top" src="{{ path('app_planet_show_card', {
        
                                                            'id': voyage.planet.id,
        
                                                        }) }}"></turbo-frame>
        
                                                    </div>
        
                                                </div>
        
                                            </div>
        
                Show Lines

                                                    // ... lines 66 - 80

See Code Block in Script

Comment

Learn Symfony 6

30 Days with LAST Stack

Live Components

... browser, it would load the whole page - the page with the multiple live components and turbo frames. B) Let's also assume that the 2nd turbo frame - the one that shows the results - looks like this: ```html ...

weaverryan

Read Full Comment

Comment

Learn JS Frameworks & Tools

Symfony UX: Turbo

Installing Turbo

... ": "^7.16.0", "@hotwired/stimulus": "^3.0.0", "@hotwired/turbo": "^7.0.1", "@popperjs/core": "^2.11.8", "@symfony/stimulus-bridge": "^3.2.0", "@symfony/ux-turbo": "file:vendor ...

Thomas-D

Read Full Comment

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 JS Frameworks & Tools

Symfony UX: Stimulus

Correcting the Form Action & Preventing Default

... that handles the form via Ajax. These days, I would almost definitely solve this with Turbo (using the native Turbo Ajax form submit or a `` if needed. Cheers!

weaverryan

Read Full Comment

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

Show Lines	// ... lines 1 - 43
	<div
	data-controller="popover"
	data-action="mouseenter->popover#show mouseleave->popover#hide"
	class="relative"
	>
Show Lines	// ... lines 49 - 54
	<div data-popover-target="content">
	<div
	data-popover-target="card"
	class="max-w-sm rounded shadow-lg bg-gray-900 absolute left-0 bottom-10"
	>
	<turbo-frame id="planet-card-{{ voyage.planet.id }}" target="_top" src="{{ path('app_planet_show_card', {
	'id': voyage.planet.id,
	}) }}"></turbo-frame>
	</div>
	</div>
	</div>
Show Lines	// ... lines 66 - 80

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