Search Results | SymfonyCasts

682 search results

Sort By

Comment

Learn Symfony

Cosmic Coding with Symfony 7

Turbo: Your Single Page App

Hey |mention:78384| You should be able to run Turbo without Stimulus, they aren't dependent on each other. If you load a Stimulus controller does Turbo starts working? Do you see any errors in the browser's console? Cheers!

MolloKhan

Read Full Comment

Comment

Learn Symfony

30 Days with LAST Stack

Turbo Drive

Hey |mention:76903| Are you trying to use Turbo with EasyAdmin? I'm afraid EasyAdmin has not added support for Turbo yet, perhaps they will in the future. Cheers!

MolloKhan

Read Full Comment

Comment

Learn Symfony

30 Days with LAST Stack

Turbo Drive

…pointer. To disable InstantClick globally by adding `` to your `` , but then you cannot enable prefetch at all. Instead, you can add `data-turbo-prefetch="false"` to your `` tag and then you can enable prefetch (as shown in this video) on a link-by-link basis.

Daryl

Read Full Comment

Code

Learn Symfony

30 Days with LAST Stack

AJAX Modal!

            Copy Code

                        4 lines
            |
            templates/modalFrame.html.twig
        
            <turbo-frame id="modal">
        
                {% block body %}{% endblock %}
        
            </turbo-frame>

See Code Block in Script

Code

Learn Symfony

30 Days with LAST Stack

More with fun Modals! Editing & Deleting

            Copy Code

                            Show All Lines

                        31 lines
            |
            templates/voyage/edit.html.twig
        
                Show Lines

                                                    // ... lines 1 - 25
                            
            {% block stream_success %}
        
                <turbo-stream action="update" target="modal">
        
                Show Lines

                                                    // ... line 28
                            
                </turbo-stream>
        
            {% endblock %}

See Code Block in Script

Comment

Learn Symfony

30 Days with LAST Stack

HTML dialog for Modals

I'm seeing an error with the adding of the `turbo:before-cache@window->modal#close` action. This is what I see in the console… ``` Error invoking action "turbo:before-cache@window->modal#close" Error: Missing target element "dialog" for "modal" controller get https…

ToG

Read Full Comment

Code

Learn Symfony

30 Days with LAST Stack

HTML dialog for Modals

            Copy Code

                            Show All Lines

                        34 lines
            |
            templates/_flashes.html.twig
        
            {% for message in app.flashes('success') %}
        
                <div
        
                Show Lines

                                                    // ... lines 3 - 4
                            
                    data-turbo-temporary
        
                Show Lines

                                                    // ... lines 6 - 7
                            
                >
        
                Show Lines

                                                    // ... lines 9 - 31
                            
                </div>
        
            {% endfor %}

See Code Block in Script

Code

Learn Symfony

30 Days with LAST Stack

Popover!

            Copy Code

                            Show All Lines

                        11 lines
            |
            templates/planet/_card.html.twig
        
            <turbo-frame id="planet-card-{{ planet.id }}">
        
                Show Lines

                                                    // ... lines 2 - 9
                            
            </turbo-frame>

See Code Block in Script

Comment

Learn JS

Symfony UX: Stimulus

I'm wondering if the combo symfony/stimulus/turbo avoids some SEO problems that we get while using a framework like React with its client side rendering first nature ?

Anthony-E

Read Full Comment

Comment

Learn JS

Symfony UX: Turbo

Listening & Publishing

…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."). which is coming from [this](https://github.com/symfony/ux-turbo/blob/8cb9d59452e0e8d59c7bfb3634ee2665926f3440/src/Twig/TwigExtension…

CDesign

Read Full Comment

Comment

Learn Symfony 5

Symfony 5 Security: Authenticators

Registration Form

Ohh, you're using Turbo. Sometimes Turbo does unexpected things. I believe the error is because you're not returning the exact HTTP error code that Turbo requires. Try setting the response status code to "422" or, if you're using the Symfony Form component…

MolloKhan

Read Full Comment

Comment

Learn JS

Symfony UX: Turbo

CSS Page Transitions

One more thing -- if you DO decide to hook into `turbo:before-render` just know there's a really high if not certain chance that you'll break the back button and maybe even the forward button (haven't tested that). To deal with this…

akincer

Read Full Comment

Comment

Learn JS

Symfony UX: Turbo

Turbo Frames: Lazy Frames

For people using a more recent version of Turbo (in my case 7.2.4) there's no error in the console, but the page redirects to the /cart/_featured page instead.

jmsche

Read Full Comment

Code

Learn Symfony 6

Doctrine, Symfony 6 & the Database

Forever Scroll with Turbo Frames

            Copy Code

                            Show All Lines

                        54 lines
            |
            templates/vinyl/browse.html.twig
        
                Show Lines

                                                    // ... lines 1 - 27
                            
                    <turbo-frame id="mix-browse-list-{{ pager.currentPage }}">
        
                Show Lines

                                                    // ... lines 29 - 49
                            
                    </turbo-frame>
        
                Show Lines

                                                    // ... lines 51 - 54

See Code Block in Script

Comment

Learn JS

Symfony UX: Turbo

Turbo Frames: Lazy Frames

Hey the team, How you would set up the use of turbo-frame on an article detail page with comments ? We could have a turbo-frame for displaying and adding comments in a method. But how to retrieve the information related to the article in…

Stephane

Read Full Comment

Comment

Learn JS

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(): Argument #1 ($view) must be of type Symfony\Component\Form…

Stephane

Read Full Comment

Code

Learn JS

Symfony UX: Turbo

Broadcasting Frontend Changes on Entity Update/Remove

            Copy Code

                            Show All Lines

                        33 lines
            |
            templates/broadcast/Review.stream.html.twig
        
                Show Lines

                                                    // ... lines 1 - 29
                            
            {% block remove %}
        
                <turbo-stream action="remove" target="product-review-{{ id }}"></turbo-stream>
        
            {% endblock %}

See Code Block in Script

Code

Learn JS

Symfony UX: Turbo

Smartly Updating Elements for all Users

            Copy Code

                            Show All Lines

                        46 lines
            |
            templates/product/_reviews.html.twig
        
                Show Lines

                                                    // ... lines 1 - 2
                            
            <turbo-frame id="product-{{ product.id }}-review">
        
                Show Lines

                                                    // ... lines 4 - 13
                            
            </turbo-frame>
        
            <hr>
        
            <turbo-frame id="product-reviews-form">
        
                Show Lines

                                                    // ... lines 19 - 44
                            
            </turbo-frame>

See Code Block in Script

Code

Learn JS

Symfony UX: Turbo

Frame Redirecting and Clearing the Snapshot Cache

            Copy Code

                            Show All Lines

                        48 lines
            |
            templates/product/_cart_add_controls.html.twig
        
            <turbo-frame
        
                id="add-to-cart-controls"
        
                data-turbo-form-redirect="true"
        
            >
        
                Show Lines

                                                    // ... lines 5 - 46
                            
            </turbo-frame>

See Code Block in Script

Code

Learn JS

Symfony UX: Turbo

Full Page Redirect from a Frame

            Copy Code

                            Show All Lines

                        28 lines
            |
            assets/controllers/modal-form_controller.js
        
                Show Lines

                                                    // ... lines 1 - 4
                            
            export default class extends Controller {
        
                Show Lines

                                                    // ... lines 6 - 8
                            
                connect() {
        
                    document.addEventListener('turbo:before-fetch-response', (event) => {
        
                        if (!this.modal || !this.modal._isShown) {
        
                            return;
        
                        }
        
                        const fetchResponse = event.detail.fetchResponse;
        
                        if (fetchResponse.succeeded && fetchResponse.redirected) {
        
                            event.preventDefault();
        
                            Turbo.visit(fetchResponse.location);
        
                        }
        
                    });
        
                }
        
                Show Lines

                                                    // ... lines 23 - 27

See Code Block in Script

	<turbo-frame id="modal">
	{% block body %}{% endblock %}
	</turbo-frame>

Show Lines	// ... lines 1 - 25
	{% block stream_success %}
	<turbo-stream action="update" target="modal">
Show Lines	// ... line 28
	</turbo-stream>
	{% endblock %}

	{% for message in app.flashes('success') %}
	<div
Show Lines	// ... lines 3 - 4
	data-turbo-temporary
Show Lines	// ... lines 6 - 7
	>
Show Lines	// ... lines 9 - 31
	</div>
	{% endfor %}

	<turbo-frame id="planet-card-{{ planet.id }}">
Show Lines	// ... lines 2 - 9
	</turbo-frame>

Show Lines	// ... lines 1 - 27
	<turbo-frame id="mix-browse-list-{{ pager.currentPage }}">
Show Lines	// ... lines 29 - 49
	</turbo-frame>
Show Lines	// ... lines 51 - 54

Show Lines	// ... lines 1 - 29
	{% block remove %}
	<turbo-stream action="remove" target="product-review-{{ id }}"></turbo-stream>
	{% endblock %}

Show Lines	// ... lines 1 - 2
	<turbo-frame id="product-{{ product.id }}-review">
Show Lines	// ... lines 4 - 13
	</turbo-frame>

	<hr>

	<turbo-frame id="product-reviews-form">
Show Lines	// ... lines 19 - 44
	</turbo-frame>

	<turbo-frame
	id="add-to-cart-controls"
	data-turbo-form-redirect="true"
	>
Show Lines	// ... lines 5 - 46
	</turbo-frame>

Show Lines	// ... lines 1 - 4
	export default class extends Controller {
Show Lines	// ... lines 6 - 8
	connect() {
	document.addEventListener('turbo:before-fetch-response', (event) => {
	if (!this.modal \|\| !this.modal._isShown) {
	return;
	}

	const fetchResponse = event.detail.fetchResponse;
	if (fetchResponse.succeeded && fetchResponse.redirected) {
	event.preventDefault();
	Turbo.visit(fetchResponse.location);
	}
	});
	}

Show Lines	// ... lines 23 - 27