Search Results | SymfonyCasts

687 search results

Sort By

Code

Learn Symfony

Symfony Forms: The Basics

Submitting a Form via GET

13 lines | assets/app.js

Show Lines	// ... line 1
	// import '@hotwired/turbo';
Show Lines	// ... lines 3 - 13

See Code Block in Script

Comment

Learn JS

Symfony UX: Turbo

How Turbo Drive Works

I see Turbo adds it, sadly I didn't find a way to configure Turbo not to add the styles. You can only override them. An alternative solution would be to remove it via JS, but I think is just better to override the styles

MolloKhan

Read Full Comment

Comment

Learn Symfony

Cosmic Coding with Symfony 7

Turbo: Your Single Page App

Hello, To do activate Turbo in my web, do I have to add stimulus controller to any element? In my my web page, I did not connect stimulus controller to any element. I see turbo is not working now. is it normal? thank you

Mahmut-A

Read Full Comment

Code

Learn Symfony

30 Days with LAST Stack

Bonus: More on Flowbite

            Copy Code

                            Show All Lines

                        50 lines
            |
            assets/app.js
        
                Show Lines

                                                    // ... lines 1 - 43
                            
            document.addEventListener('turbo:render', () => {
        
                initFlowbite();
        
            });
        
            document.addEventListener('turbo:frame-render', () => {
        
                initFlowbite();
        
            });

See Code Block in Script

Comment

Learn JS

Symfony UX: Turbo

Mercure: Pushing Stream Updates Async

Hey Aries, Turbo tutorial is released: https://symfonycasts.com/screencast/turbo - and we do talk about Mercure there :) Enjoy! Also, feel free to use our advanced search to find more related content in other tutorials, e.g. [this](https://symfonycasts.com/search?q=mercure&sort=most%20relevant…

Victor

Read Full Comment

Code

Learn Symfony

30 Days with LAST Stack

More with fun Modals! Editing & Deleting

            Copy Code

                            Show All Lines

                        7 lines
            |
            templates/voyage/_delete_form.html.twig
        
            <form method="post" data-turbo-frame="_top" action="{{ path('app_voyage_delete', {'id': voyage.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
        
                Show Lines

                                                    // ... lines 2 - 5
                            
            </form>

See Code Block in Script

Code

Learn Symfony

30 Days with LAST Stack

Turbo Stream Responses

            Copy Code

                            Show All Lines

                        123 lines
            |
            src/Controller/VoyageController.php
        
                Show Lines

                                                    // ... lines 1 - 13
                            
            use Symfony\UX\Turbo\TurboBundle;
        
                Show Lines

                                                    // ... lines 15 - 16
                            
            class VoyageController extends AbstractController
        
            {
        
                Show Lines

                                                    // ... lines 19 - 27
                            
                public function new(Request $request, EntityManagerInterface $entityManager): Response
        
                {
        
                Show Lines

                                                    // ... lines 30 - 33
                            
                    if ($form->isSubmitted() && $form->isValid()) {
        
                Show Lines

                                                    // ... lines 35 - 39
                            
                        if ($request->headers->has('turbo-frame')) {
        
                            $request->setRequestFormat(TurboBundle::STREAM_FORMAT);
        
                            return $this->renderBlock('voyage/new.html.twig', 'stream_success', [
        
                                'voyage' => $voyage
        
                            ]);
        
                        }
        
                Show Lines

                                                    // ... lines 47 - 48
                            
                    }
        
                Show Lines

                                                    // ... lines 50 - 54
                            
                }
        
                Show Lines

                                                    // ... lines 56 - 121
                            
            }

See Code Block in Script

Code

Learn Symfony

30 Days with LAST Stack

HTML dialog for Modals

            Copy Code

                            Show All Lines

                        42 lines
            |
            assets/app.js
        
                Show Lines

                                                    // ... lines 1 - 20
                            
            document.addEventListener('turbo:load', () => {
        
                // View Transitions don't play nicely with Turbo cache
        
                // if (shouldPerformTransition()) Turbo.cache.exemptPageFromCache();
        
            });
        
                Show Lines

                                                    // ... lines 25 - 42

See Code Block in Script

Comment

Learn Symfony

30 Days with LAST Stack

Turbo Frames

I'm using Turbo frames, and I get weird behavior with the back button on the browser. I use turbo-advance to change the URL, and that works well enough, but when I go back, the navbar that isn't in the main frame stops…

Brandon

Read Full Comment

Code

Learn Symfony

30 Days with LAST Stack

Turbo Drive

            Copy Code

                            Show All Lines

                        26 lines
            |
            assets/controllers.json
        
            {
        
                "controllers": {
        
                Show Lines

                                                    // ... lines 3 - 12
                            
                    "@symfony/ux-turbo": {
        
                        "turbo-core": {
        
                            "enabled": true,
        
                            "fetch": "eager"
        
                        },
        
                        "mercure-turbo-stream": {
        
                            "enabled": false,
        
                            "fetch": "eager"
        
                        }
        
                    }
        
                },
        
                Show Lines

                                                    // ... line 24
                            
            }

See Code Block in Script

Code

Learn Symfony

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

Code

Learn Symfony

30 Days with LAST Stack

Turbo Drive

            Copy Code

                            Show All Lines

                        8 lines
            |
            assets/app.js
        
            import * as Turbo from '@hotwired/turbo';
        
                Show Lines

                                                    // ... lines 2 - 5
                            
            //Turbo.session.drive = false;
        
                Show Lines

                                                    // ... lines 7 - 8

See Code Block in Script

Code

Learn Symfony

AssetMapper: Modern JS with Zero Build System

Lazy Stimulus Controllers

            Copy Code

                            Show All Lines

                        16 lines
            |
            assets/controllers.json
        
            {
        
                "controllers": {
        
                    "@symfony/ux-turbo": {
        
                        "turbo-core": {
        
                            "enabled": true,
        
                            "fetch": "eager"
        
                        },
        
                Show Lines

                                                    // ... lines 8 - 11
                            
                    }
        
                },
        
                Show Lines

                                                    // ... line 14
                            
            }

See Code Block in Script

Code

Learn Symfony

AssetMapper: Modern JS with Zero Build System

Symfony UX Stimulus Packages

            Copy Code

                            Show All Lines

                        34 lines
            |
            importmap.php
        
                Show Lines

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

                                                    // ... lines 17 - 29
                            
                '@hotwired/turbo' => [
        
                    'url' => 'https://cdn.jsdelivr.net/npm/@hotwired/turbo@7.3.0/+esm',
        
                ],
        
            ];

See Code Block in Script

Code

Learn Symfony

AssetMapper: Modern JS with Zero Build System

Symfony UX Stimulus Packages

            Copy Code

                        16 lines
            |
            assets/controllers.json
        
            {
        
                "controllers": {
        
                    "@symfony/ux-turbo": {
        
                        "turbo-core": {
        
                            "enabled": true,
        
                            "fetch": "eager"
        
                        },
        
                        "mercure-turbo-stream": {
        
                            "enabled": false,
        
                            "fetch": "eager"
        
                        }
        
                    }
        
                },
        
                "entrypoints": []
        
            }

See Code Block in Script

Comment

Learn Symfony 6

Doctrine, Symfony 6 & the Database

Forever Scroll with Turbo Frames

Hi, when using "Turbo Frames": If we click to display the details of a mix, the route "/browse" cannot display the data because it is a hyperlink There will be no redirect from the "/browse" route to the "/mix/url_of_mix" route.

Sameone

Read Full Comment

Comment

Learn Symfony 6

Harmonious Development with Symfony 6

Turbo: Supercharge your App

I get that turbo is used to make the page more SPA like, but how is that different from a full page refresh? There's no pre-loading, sure it keeps the console state etc, but it still takes time to load the page from…

Cameron

Read Full Comment

Comment

Learn JS

Symfony UX: Turbo

Mercure: Pushing Stream Updates Async

As symfony/ux-turbo-mercure has been abandoned (files are located in symfony/ux-turbo), you now should run `composer req symfony/mercure-bundle` instead. Also, set `enabled` to `true` in assets/controllers.json for the mercure-turbo-stream config.

jmsche

Read Full Comment

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

Comment

Learn JS

Symfony UX: Turbo

Installing Turbo

Hi, I installed turbo and I get this error: `DOMException: Failed to execute 'define' on 'CustomElementRegistry': the name "turbo-frame" has already been used with this registry`

ethnerom

Read Full Comment

7 8 9 10 11

Show Lines	// ... lines 1 - 43
	document.addEventListener('turbo:render', () => {
	initFlowbite();
	});
	document.addEventListener('turbo:frame-render', () => {
	initFlowbite();
	});

	<form method="post" data-turbo-frame="_top" action="{{ path('app_voyage_delete', {'id': voyage.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
Show Lines	// ... lines 2 - 5
	</form>

Show Lines	// ... lines 1 - 13
	use Symfony\UX\Turbo\TurboBundle;
Show Lines	// ... lines 15 - 16
	class VoyageController extends AbstractController
	{
Show Lines	// ... lines 19 - 27
	public function new(Request $request, EntityManagerInterface $entityManager): Response
	{
Show Lines	// ... lines 30 - 33
	if ($form->isSubmitted() && $form->isValid()) {
Show Lines	// ... lines 35 - 39
	if ($request->headers->has('turbo-frame')) {
	$request->setRequestFormat(TurboBundle::STREAM_FORMAT);

	return $this->renderBlock('voyage/new.html.twig', 'stream_success', [
	'voyage' => $voyage
	]);
	}
Show Lines	// ... lines 47 - 48
	}
Show Lines	// ... lines 50 - 54
	}
Show Lines	// ... lines 56 - 121
	}

Show Lines	// ... lines 1 - 20
	document.addEventListener('turbo:load', () => {
	// View Transitions don't play nicely with Turbo cache
	// if (shouldPerformTransition()) Turbo.cache.exemptPageFromCache();
	});
Show Lines	// ... lines 25 - 42

	{
	"controllers": {
Show Lines	// ... lines 3 - 12
	"@symfony/ux-turbo": {
	"turbo-core": {
	"enabled": true,
	"fetch": "eager"
	},
	"mercure-turbo-stream": {
	"enabled": false,
	"fetch": "eager"
	}
	}
	},
Show Lines	// ... line 24
	}

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

	import * as Turbo from '@hotwired/turbo';
Show Lines	// ... lines 2 - 5
	//Turbo.session.drive = false;
Show Lines	// ... lines 7 - 8